jquery - ロード時に要素にデリゲートイベントをバインドする

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() でイベントをバインドできません

score 1 · Accepted Answer

単純にload()機能を利用してみませんか？

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

または私はあなたの問題を誤解しましたか？

jquery - ロード時に要素にデリゲート イベントをバインドする