jquery - 在 IFRAME 中附加点击事件

Question

基本上我有一个显示给定页面的 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文件。

Answer 1

将 $('#portal').on(..) 更改为 $('#portal').contents().find('body').on(. .)

$('#portal').contents().find('body').on('click', '.overlay', function(){
    alert("Test");
});