Question

我有一个开箱即用的主题，使用jquery事件可以在页面的标题和侧边栏部分触发某些效果。

由于页面很多，我尝试使用这些页眉，侧边栏和页脚部分，并将代码移动到外部文件中，这些文件包含在以下javascript策略中：

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function{
      $("#includedContent").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>

问题是，当使用javascript包含标题和侧边栏代码时，jquery事件将停止工作。是否有更好的方法来包含外部文件，以便在父文件中调用的javascripts将影响子文件中的所有元素？或者，我能做的其他事情是什么？

Answer 1

您可以使用.on()或.live()方法绑定动态添加的元素。

动态添加元素的Jquery .on()方法 - 请参阅http://api.jquery.com/on/#direct-and-delegated-events

使用jQuery的live()方法。描述：为现在和将来与当前选择器匹配的所有元素附加事件处理程序。

Try in Jsfiddle

javascript不适用于包含的html文件中的html元素

1 个答案: