基本上我有一个显示给定页面的 IFRAME。我使用 jQuery 在加载时在 IFRAME 中附加多个 DIV:
$('#portal').load(function(){
$('#portal').contents().find('.callout').append('<div class="overlay">Test</div>');
});
(#portal 是 IFRAME)
现在我想将单击事件处理程序附加到这些新的 DIV。我相信,由于我是动态创建 DIV,所以我需要使用 on()
函数,但我在执行此操作时遇到了困难。我尝试过:
$('#portal').on('click', '.overlay', function(){
alert("Test");
});
以上两段代码位于一个只能在父页面访问的JS文件中,即IFRAME本身并不引用该JS文件。
最佳答案
将 $('#portal').on(..)
更改为 $('#portal').contents().find('body').on(. .)
$('#portal').contents().find('body').on('click', '.overlay', function(){
alert("Test");
});
关于jquery - 在 IFRAME 中附加点击事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9179145/