在jQuery應用程序中為Windows和彈出窗口保留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;
      }
   );

});