JQuery UI Dialog 查询对话框 DOM

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()
    })
})