jqueryダイアログボックスでhtmlページを読み込む方法

Question

私は、ダイアログボックスを作成していると私はあなたのダイアログボックスが#dialog（<div id="dialog"></div>）で、これはうまくいくと仮定すると、その時間

Answer 1

にHTMLページをロードする：このような

$.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');     
});