jquery - JQUERY：如何创建背景层并将新的 html 加载到前台？（模态形式如）

Question

试图找到创建重叠/覆盖层以填充屏幕的最佳方法..然后在加载某些 html 时在顶部创建一个新层...

// Show popup - somehting like this..
$("#myBtn").click(function() {
    $("#myDiv").load("myHTMLcode.html");
});

然后我需要一种删除它的方法

任何想法，有没有一种简单的方法可以做到这一点，它类似于模态表单，除了我希望加载 html 而不是显示表单..

Answer 1

查看以下一个或多个插件的源代码，它们以不同的方式实现您所谈论的内容，因此您应该有所了解 - 如果不这样做，您可以选择一个并使用它：

• 块UI
• 厚箱
• 脸盒
• 花式盒

Answer 2

我有理由确定您可以使用jQuery UI中的对话框小部件来执行此操作。使用 open 事件处理程序挂钩提供一种在打开对话框时将 HTML 放入对话框容器的方法。

$('#dialogDiv').dialog({
    modal: true,
    autoOpen: false,
    buttons: { "Ok": function() { $(this).dialog("close"); },
    open: function(event,ui) {
             $(ui).find('#container').load( ... );
          }
});

$('#openButton').click( function() {
   $('#dialogdDiv').dialog('open');
});

如果需要提供 url，请考虑使用data()

$('#openButton').click( function() {
   $('#dialogdDiv').data('url','someurl').dialog('open');
});

open: function(event,ui) {
         $(ui).find('#container').load( $('#dialogDiv').data('url') );
      }

Answer 3

$("#myDiv").html('');