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; 
     } 
    ); 

});