可能在Bootstrap Dialog js插件中顯示頁面的一部分？

Question

插件在Github上：https://github.com/nakupanda/bootstrap3-dialog

相關JS：

 $(".dialog-launch").on("click",function(e){ 
      e.preventDefault(); 
      BootstrapDialog.show({ 
       title: 'Basic Title', 
       message: $('<div></div>').load('some-page.php'), 
       buttons: [{ 
        label: 'Cancel', 
        cssClass: "btn-danger", 
        action: function(dialogItself){ 
         dialogItself.close(); 
        } 
       }, { 
        label: 'Continue', 
        cssClass: 'btn-primary', 
        action: function(){ 
         // Continue Function; 
        } 
       }] 
      }); 
     }); 

什麼這個js確實是打開一個對話框引導與一些-page.php文件的內容。

我想這樣做的是隻加載的一些-page.php文件，像這樣的部分：

<!-- LOAD THIS --> 
<div class="first-section-to-load">...</div> 
<!-- END FIRST LOAD --> 

<!-- LOAD SECOND --> 
<div class="second-section-to-load">...</div> 
<! END SECOND SECTION --> 

的原因是因爲我需要在多個部分形式的模式。它在啓動時加載步驟1，一旦用戶按下繼續按鈕，它將刪除步驟1並在其位置加載步驟2。

到目前爲止，似乎很容易通過按鈕操作操作模式中的數據，甚至更改加載some-page.php的消息。我可以很容易地將每一步放在一個單獨的文件中，然後修改消息並更改它正在加載的頁面，但是如果我只需將所需的所有表單內容放入some-page.php中，然後使用按鈕來操作向用戶顯示的內容和時間。

這可能嗎？我已經裝了一搗鼓實驗：http://jsfiddle.net/qyamk5m4/

Answer 1

我想通了：

$(".dialog-launch").on("click",function(e){ 
     e.preventDefault(); 
     BootstrapDialog.show({ 
      title: 'Basic Title', 
      message: $('<div></div>').load('some-page.php #section-one-id'), 
      buttons: [{ 
       label: 'Cancel', 
       cssClass: "btn-danger", 
       action: function(dialogItself){ 
        dialogItself.close(); 
       } 
      }, { 
       label: 'Continue', 
       cssClass: 'btn-primary', 
       action: function(dialog){ 
        dialog.setMessage($('<div></div>').load('some-page.php #section-two-id')) 
       } 
      }] 
     }); 
    });