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

How to load a html page in a jquery dialogbox.?

本文关键字：加载 html 页面 对话框 jquery      更新时间：2023-09-26

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

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

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

类似这样的东西：

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

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

$('#dialog').load( url, function(){
    $(this).dialog('open');                   
});
相关文章：