加载时绑定元素上的委托事件

Question

如何动态加载项目时触发事件？

我有一个加载iFrame的html页面。我只能访问父html页面，动态加载的元素位于iframe上。

当我尝试这样的事情时：

$( document ).ready(function() {
    $( document ).on( "click", "#link1", function() {
        alert( "link loaded" ); 
    });
});

link1被按下时，我可以看到警报。但我想要的是当元素第一次变得可见时绑定事件。

我尝试使用类似下面的内容但它失败了：

$( document ).on( "load", "#link1", function() {
  alert( "link loaded" ); 
});

PS：加载iframe时会执行一些ajax加载，然后会出现link1。所以我无法在iframe.load（）

上绑定事件

Answer 1

如何简单地使用load()函数？

$(function(){
    $('#myIframe').load(function(){
        $(this).show();
        alert('link loaded');
    });
});

或者我误解了你的问题？