jQuery應用程序在哪裏保存窗口和彈出窗口的html

Question

我很好奇處理彈出窗口和窗口的推薦方式是在javascript/jquery中。我知道有很多方法，我更好奇哪些方法，如果它們不相同，整體性能更好，也許是因爲我還沒有考慮的原因（例如速度，可維護性等）

現在我在我的html頁面底部有一些彈出窗口的div。它們隱藏在頁面加載中，然後通過激活它們的點擊功能移動並顯示。我知道很多插件會通過JavaScript（我假設在負載）附加代碼到頁面;

我正在考慮在底部有一個<div id="modal">，並使用$ .load函數爲模態窗口放置內容。

我缺少什麼主要方法？

Answer 1

我更喜歡加載對話框的內容通過AJAX - 使用單一頁面的底部，像你這樣的建議，然後加載內容....

$(document).ready(function(){ 
var dialogOpts = { 
     modal: true, 
     bgiframe: true, 
     autoOpen: false, 
     height: 500, 
     width: 500, 
     draggable: true, 
     resizeable: true, 
    }; 
$("#example").dialog(dialogOpts); //end dialog 

    $('#showdialog').click(
     function() { 
     $("#example").load("test.html", [], function(){ 
       $("#example").dialog("open"); 
      } 
     ); 
     return false; 
     } 
    ); 

});