jquery - 我的 jquery 模态框已决定不是模态的

Question

我没有将 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

Answer 1

jQuery UI 对话框不会“禁用”页面的其余部分。它的工作原理是在页面顶部放置一个 div，因此如果我尝试单击任何内容，我实际上是在单击该覆盖的 div，而不是下面的元素。这给了他们一种自己被禁用的错觉，尽管他们实际上并非如此。

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