使用jQuery UI對話框，我如何從另一個網頁加載內容？

Question

標題說，所有的東西都有一個優點：我不想在我的網頁正文中添加<div id="something"></div>。

我發現這個在互聯網上：

var $mklib = $('<div></div>') 
     .html('test') 
     .dialog({ 
      title: "Create a library", 
      autoOpen: false, 
      show: "fade", 
      hide: "fade", 
      draggable: false, 
      resizable: false, 
      height: 150, 
      width: 300, 
      buttons: { "Create": function() { 
       $(this).dialog("close"); } 
       },  
     }); 
$(".open_mklib").click(function() { 
    $mklib.dialog("open"); 
    return false; 
}); 

但我需要的.html('test')是'load_that_*****_page.php'

而且題外話，我需要創建按鈕發送，這將是load_that_*****_page.php裏面的形式。 ..

任何超人的救援？

非常感謝！

---

好吧，我在網上找到了，這裏是代碼，但是當我點擊Submit時，它不起作用！ ：P （網址：http://magix-cjquery.com/post/2010/08/01/jquery-ui-dialog-avec-soumission-de-formulaire-ajax）

$('.open_mklib').live("click",function(){ 
     var box_url = "./functions/modal.php"; 
      var form_url = "./"; 
     $("#mklib").load(box_url, function() { 
       $(this).dialog({ 
          title: 'New Library', 
         height: 'auto', 
         width:'auto', 
          resizable: false, 
         modal: true, 
         position: 'center', 
         overlay: { 
           backgroundColor: '#000', 
           opacity: 0.5 
         }, 
         buttons: { 
           'Submit': function() { 
             $("#mklib form").ajaxSubmit({ 
               url: box_url, 
               type: "post", 
               error: function(){ 
                 alert("theres an error with AJAX"); 
               }, 
               beforeSubmit:function(){}, 
               success: function(e){} 
             }); 
             $(this).dialog('close'); 
           }, 
           'Cancel': function() { 
             $(this).dialog('close'); 
           } 
         } 
       }); 
     }); 
}); 

Answer 1

這會看上你？從來沒有這樣做過，但從理論上講，我會假設你必須首先加載你的php，然後在成功的對話框中包裝它。

此外，我還包括在你的關閉第二個Ajax電話。

var $mklib = $('<div></div>') 
    .ajax({type: "GET", url: blah_blah.php, dataType: "script", success: function(){ 
     .dialog({ 
      title: "Create a library", 
      autoOpen: false, 
      show: "fade", 
      hide: "fade", 
      draggable: false, 
      resizable: false, 
      height: 150, 
      width: 300, 
      buttons: { "Create": function() { 
       $.ajax({type: "POST", url: "whever_this_goes.php", data: $("#yourForm").serialize(), success: function(){$(this).dialog("close") })} 
       },  
     }); 
    } 
}); 

$(".open_mklib").click(function() { 
    $mklib.dialog("open"); 
    return false; 
});