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脚本代码中将模态选项设置为true，即

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

});

jquery fancybox2 - 如何使叠加上的东西不可点击

2 个答案: