Question

我有一个简单的jQuery UI对话框的以下代码。当我把它放在网页上时，它的工作效果非常好。但是，如果我调用我使用AJAX函数将此代码动态插入到页面上，则它不起作用，并且对话框div只显示在页面上。有没有办法让它在动态插入的代码中工作？

文件DialogBox.html：

<script type="text/javascript"> 

$.ui.dialog.defaults.bgiframe = true;
$(function() {
    $("#dialog").dialog();
});

</script> 


<div id="dialog" title="Basic dialog"> 
    <p>
        This is the default dialog which is useful for displaying information. The  
        dialog window can be moved, resized and closed with the 'x' icon.
    </p> 
</div>

文件index.html（调用DialogBox.html）：

<script type="text/javascript" src="jquery.js"></script> 

<script type="text/javascript"> 

$.ajax({
url: "DialogBox.html",
success: function(html){
$("#SpanID").html(html);
}
});

</script>

Answer 1

这对你有用吗？

$("#SpanID").load("DialogBox.html");

除了缩短之外，它还应该允许运行加载的JavaScript。更多信息：http://docs.jquery.com/Ajax/load

我可以在动态加载的HTML中放置一个jQuery UI对话框吗？

1 个答案: