如何在jQuery对话框中加载HTML页面？

Question

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

Answer 1

Assuming your dialog box is #dialog ( <div id="dialog"></div> ), this would work:

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

Answer 2

Something like this :

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

Since you said you've already created the dialog, loading and opening then become as simple as:

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