如何在jquery对话框中加载html页面。

Question

我创建了一个对话框，我想在其中加载一个HTML页面

Answer 1

假设您的对话框是#dialog（<div id="dialog"></div>），这将起作用：

$.get("url/to/yourpage.html", function(data) {
    $("#dialog").html( data );
});

Answer 2

这样的事情：

var url = "the url";
var dialog = $("#dialog");
if ($("#dialog").length === 0) { // only create if it doesn't exist
    dialog = $('<div id="dialog"></div>').appendTo('body');
}
// load remote content
dialog.load(
url, {}, function(responseText, textStatus, XMLHttpRequest) {
    dialog.dialog({
        // your options
    })
}​)

Answer 3

由于您说您已经创建了对话框，因此加载和打开就变得如此简单：

$('#dialog').load( url, function(){
    $(this).dialog('open');                   
});