javascript - 关于在 .php 中使用 JavaScript

Question

我实际上只是一个 html/css 的家伙。

我想在我的页面上插入一个预订表格，但我有一个用于添加表格的自定义链接。该链接仅包含基本脚本，我被告知只需将其复制到我的 html 文件中。问题是我必须将它添加到 .php 文件中，当我这样做并重新加载我的页面时，它显示为空白。

我的 .php 文件中有一个基本的 div 和一个用于调用图像的 div，然后是我的脚本。你能告诉我我的问题出在哪里吗？

 <div id="dine_oliver_cattermole" class="content_holder border"></div>
 <div id="dine_oliver_cattermole" class="content_holder border">
 <table class="chef_holder" width="100%">
    <tr>
        <td width="30%" align="left" class="dine_chef_photo"><img src="/wp-content/.." width="290" height="440" /></td>
        <td width="40%" align="center" class="dine_chef_text">
            <h2>The Tasting Room’s Guiding Principles:</h2>
            <h3>-</h3>
            <h3>Please allow 3½ hours for this menu.</h3><br />
            <p>We do not have a dress code, you dress for the experience you.</p> 
            <p>Only open for dinner Tuesday</p>
        </td>
    </tr>
 </table>
 </div>

<!-- Start Bookatable Code -->
 <script type="text/javascript" src="http://ajax...."></script>
 <script type="text/javascript" src="https://bda...."></script>
<a id="target" href="#">Book Online</a>
<script type="text/javascript">
$(function () { 
    $("#target").lbuiDirect({
       connectionid  :  "LITH",
       popupWindow  :  {enabled  :  true}
    });
});
</script>
<!-- End Bookatable Code -->

也得到了他的代码可以使用，但是显示空白。

 <!-- Start Bookatable Code -->
    <script type="text/javascript" src="https://bda....."></script>
    <script type="text/javascript">
         LBDirect_Embed({
         connectionid  :  "ZA-RES-THELIVINGROOMATLEQUARTIERFRANCAIS_283714:67970"
     });
    </script>
<!-- End Bookatable Code 

 <div id="dine_oliver_cattermole" class="content_holder border"></div>
 <div id="dine_oliver_cattermole" class="content_holder border">
   <table class="chef_holder" width="100%">
    <tr>
     <td width="30%" align="left" class="dine_chef_photo"><img src="/wp-content/.." width="290" height="440" /></td>
     <td width="40%" align="center" class="dine_chef_text">
        <h2>The Tasting Room’s Guiding Principles:</h2>
        <h3>-</h3>
        <h3>Please allow 3½ hours for this menu.</h3><br />
        <p>We do not have a dress code, you dress for the experience you.</p> 
        <p>Only open for dinner Tuesday</p>
    </td>
</tr>

Answer 1

@PalDev @Adder @RiggsFolly 非常感谢，最后我正如你提到的那样，它看起来很适合 html 文件，所以我只是使用 html 文件将它复制到这个目录中，并在我的一个页面 Hook 上调用了 html使用 iframe。它成功调用了脚本。

所以我的 .html 文件包含脚本:

 <!-- Start Bookatable Code -->
  <script type="text/javascript" src="https://bda.book..."></script>
  <script type="text/javascript">
  LBDirect_Embed({
  connectionid  :  "ZA-RES-THELIVINGROOMATLEQUARTIERFRANCAIS_283714:67970"
  });
  </script>
 <!-- End Bookatable Code -->

然后我的 page.php Hook 以下页面 part_page-info.php，其中包含调用我的 .html 文件的 iframe:

    <td width="30%" align="right">
        <iframe style="display: block; width: 100%; height: 404px;" src="/wp-content/theme/leeu/content/leeu-test/tasting-room/test.html"></iframe>
    </td>

然后显示我正在寻找的 JavaScript。(我只是提到我认为我没有工作，因为我没有提到的所有其他页面也被调用并从 page.php Hook 了 JavaScript 中断了我正在尝试使用的脚本)。这是我围绕它的简单解决方案。