javascript没有't处理包含的html文件中的html元素

javascript doesn't work on html elements from an included html file

本文关键字：html 文件 元素 包含 处理 没有 javascript      更新时间：2023-10-11

我有一个开箱即用的主题，它可以很好地使用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事件将停止工作。是否有更好的方法来包含外部文件，以便在父文件中调用的javascript会影响子文件中的所有元素？或者，这是我能做的其他事情吗？

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

用于动态添加元素的Jquery .on()方法-请参阅http://api.jquery.com/on/#direct-和委托事件

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

在Jsfidle 中试用

相关文章：