调用另一个页面时jQuery无法正常工作

Question

我在一个页面上有这个表单，我们将其用作工具。它在页面tool.html上，在div id =＆＃34;工具＆＃34;

由于这个工具也要显示在另一个页面上，我想把这个工具拉进去而不必复制和粘贴（如果以后做了更改，这将在任何地方反映出来）

现在，我已将所有jQuery函数放在我链接的单独文件中，因此我可以在许多页面上重复使用它。

我可以使用

正确调用表单

<script>
    $(document).ready(function() {
      $("#lyristool").load("../path/tool.html #tool");
    });
    </script>

我可以确认链接的脚本页面已正确加载，但它根本无法正常工作。

为什么链接脚本会在原始页面上工作，但在包含div的整个内容被拉入时不在页面上？

Answer 1

尝试执行此行：

$("#lyristool").load("../path/tool.html #tool");

在加载其他脚本之前。我认为你的绑定不起作用，因为绑定时页面上不存在这些元素。

为了能够做到这一点，您应该将所有绑定代码放在document.ready回调中。