以下简单地从外部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上有一堆锚点,我想在加载到对话框中时为它们连接点击处理程序。
有什么想法吗?
答案 0 :(得分:3)
您可以定义jQuery.load
的多个参数(请参阅http://api.jquery.com/load/),以便在加载完成后您可以执行以下操作:
div.load('anotherpage.html', function() {
alert('Load was performed.');
});
放置您需要的代码,而不是alert
。
答案 1 :(得分:1)
使用.live()
或.delegate()
,可以将处理程序附加到动态加载内容中元素的事件上。
例如:
$(document).ready( function() {
$('div.yourDynamicContainer a').live('click', function() {
doSomething()
})
})