我的jquery模式框已决定不使用模式

我没有将jQuery CSS模式文件添加到我的站点中，但假设当模式设置为true时，它仍然会禁用页面的其余部分。这似乎没有发生。我的代码所做的任何事情是否会禁用表单的模态功能

$("#foo").click(function(){
    $("#bar").dialog({
        width: 400,
        modal: true,
        resizable: false,
        buttons: {
            "Save": function(){
                $.post('remote_foo.php', $('#bar').serialize(), function(data){
                    $('#tracediv').html(data);
                })
                $(this).dialog("close");
            },
            "cancel": function(){
                $(this).dialog("close");
            }
        }//end of buttons
    }).('open');//end of jquery dialog
})// end of click function

---

jQuery UI对话框不会禁用页面的其余部分。它的工作原理是在页面顶部放置一个div，因此，如果我试图单击任何内容，我实际上是在单击覆盖的div，而不是下面的元素。这给了他们一种残疾的假象，尽管他们实际上不是

---

由于您的页面中没有包含CSS，因此覆盖div很可能没有正确格式化，也没有阻止对底层元素的访问。

jQuery UI Dialog不会禁用页面的其余部分。它的工作原理是在页面顶部放置一个div，因此，如果我试图单击任何内容，我实际上是在单击覆盖的div，而不是下面的元素。这给了他们一种残疾的假象，尽管他们实际上不是

---

由于您的页面中没有包含CSS，因此覆盖div很可能没有正确格式化，也没有阻止对底层元素的访问。

您确实需要包含CSS，因为它不需要禁用页面的其余部分，而只是使用一类ui小部件覆盖将一个div添加到DOM中，设置位置：绝对

---

定位与z索引相结合，使得页面的其余部分无法单击。

您确实需要包含CSS，因为它不需要禁用页面的其余部分，而只是使用一类ui小部件覆盖将一个div添加到DOM中，该类小部件覆盖设置为position:absolute

---

定位与z索引相结合，使页面的其余部分无法单击。

对话框小部件使用覆盖元素模拟模式。如果至少没有.ui小部件覆盖样式规则，它将无法按预期工作。是不是有什么东西阻止了你呢？在我完成网站的基础和功能时，我会添加所有的CSS。我想我现在会添加这个，我的jquery模态框决定不使用模态，你是在暗示你的对话框有自己的想法，并且有意识地决定不使用模态，不管你的意愿吗？总有一天这是可能的对话框小部件使用覆盖元素来模拟模态。如果至少没有.ui小部件覆盖样式规则，它将无法按预期工作。是不是有什么东西阻止了你呢？在我完成网站的基础和功能时，我会添加所有的CSS。我想我现在会添加这个，我的jquery模态对话框决定不使用模态。你是在暗示你的对话框有自己的想法，并且不顾你的意愿有意识地决定不使用模态吗？总有一天这是可能的。从理论上讲，我们不可能有一个像警报框一样的模态对话框？@Chad，另外，jQuery UI在显示模式对话框时不应禁用页面元素，因为禁用的元素不是，因此会阻止表单从对话框的UI正确提交。@MikeZ即使警告框也不会禁用其下的元素，它只会迫使您关注它。这正是对话框所做的。@Mike，您可以调用以在真正的模式框中显示内容，但这将进入真正的模式循环，并且您的代码的剩余部分将仅在该模式框关闭时执行。因此，理论上，我们不能有一个像警报框一样的模式对话框？@Chad，另外，jQuery UI在显示模式对话框时不应禁用页面元素，因为禁用的元素不是，因此会阻止表单从对话框的UI正确提交。@MikeZ即使警告框也不会禁用其下的元素，它只会迫使您关注它。这正是对话框所做的。@Mike，您可以调用以在真正的模式框中显示内容，但这将进入真正的模式循环，并且您的剩余代码将仅在该模式框关闭时执行。