javascript - jquery fancybox2 - 如何使覆盖层上的东西不可点击

Question

我想使用fancybox2 创建一个表单。当需要时，fancybox2 表单将被显示，并且只能使用右上角的 X 按钮、转义键或提交、取消按钮来关闭，我将在此内容中添加。我怎样才能做到这一点，我怎样才能使后台的所有东西都被禁用，所以没有人可以点击它？在下一个示例中，它似乎对我不起作用：

jQuery(document).ready(function(){
    $(".fancybox").fancybox({

        width:600,
        height: 300,
        closeBtn    : true,
        closeClick  : true,
        openEffect  : 'elastic',
        closeEffect : 'elastic',
        scrolling   : 'no',
        autoSize    : false,
        fitToView   :   true

    });
});

        <div class='fancybox' style="display: block;width:600px;height:300px;border:1px solid black;position: absolute;left:300px;top:300px;">TEST DIV</div>

Answer 1

$(".fancybox").fancybox({
    width: 600,
    height: 300,
    closeBtn    : true,
    closeClick  : false, // prevents closing when clicking the background 
    openEffect  : 'elastic',
    closeEffect : 'elastic',
    scrolling   : 'no',
    autoSize    : false,
    fitToView   : true
});

更改closeClick为false

Answer 2

在 facnybox 脚本代码中将 modal 选项设置为 true，即

$(".fancybox").fancybox({
    //existing stuff
    modal : true

});