jquery - JQuery UI Dialog 查询对话框 DOM

Question

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

$('#showdialog').click(function(e) {
    var div = $('<div>加载中...</div>');
    div.对话框（{
        模态：真，
        打开：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()or .delegate()，这将允许您将处理程序附加到动态加载内容中元素上的事件。

例如：

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