Question

以下简单地从外部html文件加载jquery-ui对话框。

$('#showdialog').click(function(e) {
    var div = $('<div>loading...</div>');
    div.dialog({
        modal: true,
        open: function() { div.load('anotherpage.html'); }
    });
    e.preventDefault();
});

从外部html文件加载DOM后，我想用JQuery查询它。例如，假设anothorpage.html上有一堆锚点，我想在加载到对话框中时为它们连接点击处理程序。

有什么想法吗？

Answer 1

您可以定义jQuery.load的多个参数（请参阅http://api.jquery.com/load/），以便在加载完成后您可以执行以下操作：

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

放置您需要的代码，而不是alert。

Answer 2

使用.live()或.delegate()，可以将处理程序附加到动态加载内容中元素的事件上。

例如：

$(document).ready( function() {
    $('div.yourDynamicContainer a').live('click', function() {
        doSomething()
    })
})

JQuery UI Dialog查询对话框DOM

2 个答案: