javascript - 在十字图标和 HTML 正文单击上禁用花式框关闭功能

Question

我想在用户点击十字图标 或点击HTML Body anywhere 时禁用Fancy Box 关闭功能。仅当用户单击弹出窗口中的“关闭花式框”按钮时，才应关闭弹出窗口。

$(".fancybox-effects-b").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    helpers: {
        title: {
            type: 'over'
        }
    }
});

演示:http://jsfiddle.net/PFVxK/1364/

Answer 1

查看文档，您可以使用这些选项:

helpers : {overlay:{ closeClick: false } }
closeBtn: false
closeClick: false

以编程方式关闭框:$.fancybox.close();

引用:http://fancyapps.com/fancybox/#docs

演示:http://jsfiddle.net/IrvinDominin/mdfQ4/