2

以下は、外部の html ファイルから jquery-ui ダイアログをロードするだけです。

$('#showdialog').click(関数(e) {
    var div = $('<div>読み込み中...</div>');
    div.dialog({
        モーダル: 真、
        open: function() { div.load('anotherpage.html'); }
    });
    e.preventDefault();
});

DOM が外部の html ファイルからロードされた後、JQuery で問い合わせたいと思います。たとえば、anotherpage.html に多数のアンカーが含まれていると仮定すると、ダイアログに読み込まれるときにそれらのクリック ハンドラーを接続したいと思います。

何か案は？

4

2 に答える 2

3

jQuery.load（http://api.jquery.com/load/を参照）の複数のパラメーターを定義できるため、ロードが完了した後に何かを行うことができます：

div.load('anotherpage.html', function() {
  alert('Load was performed.');
});

の代わりに必要なコードを配置しますalert。

于 2010-05-13T19:28:21.847 に答える
1

.live()またはの使用を検討してください.delegate()。これにより、動的に読み込まれたコンテンツ内の要素のイベントにハンドラーをアタッチできます。

例えば：

$(document).ready( function() {
    $('div.yourDynamicContainer a').live('click', function() {
        doSomething()
    })
})
于 2010-05-13T19:23:27.613 に答える