javascript - 如何从使用 jquery load() 加载的另一个 html 页面执行在主 html 文件中编写的脚本

Question

我有两个文件index.html和subpage.html。使用 jquery load() 我将 subpage.html 加载到 index.html 中的 div #result 中。

我已经在index.html中为index.html和subpage.html编写了js。

页面如下:

index.html:

<script type="text/javascript">
   $("document").ready(function(e) {
      $("#result").load('subpage.html');
   });

</script>

<div id="result"></div>

子页面.html:

<p>Sub page</p>
<input type="button" id="clickMe" value="Click" />

但是在这里，按钮#clickMe的用索引编写的点击函数在单击按钮时不会触发。

有什么办法可以实现这一点吗？

Answer 1

如果要使用.on委托(delegate)，则必须将事件附加到更高级别的元素，并将对象或类指定为委托(delegate)。

$('body').on('click',"#clickMe", function(){
alert('clicked dynamic dom element');

});

http://api.jquery.com/on/