Javascript 禁用十字图标上的花式方框关闭功能，然后单击HTML正文

我想在用户单击交叉图标时或在任何地方单击HTML正文时禁用花式方框关闭功能。只有当用户点击弹出窗口中的“关闭花式盒子”按钮时，弹出窗口才应关闭

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

---

演示：

查看文档，您可以使用以下选项：

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

对于以编程方式关闭框：

$.fancybox.close（）

参考：

演示：
$（文档）.ready（函数（））{
$（“.fancybox-effects-b”）.fancybox({
openEffect:'无'，
closeEffect:'无'，
第三方物流：{
closeBtn:“”，
},
助手：{
覆盖：{
closeClick:false，//如果为true，则当用户单击覆盖时，fancyBox将关闭
},
标题：{
键入：“结束”
}
}
});
})  

还可以看到这个JSFIDLE i更新的html和css


根据需要进行更新。
最简单的方法是：向API选项中添加
modal:true

$(".fancybox-effects-b").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    helpers: {
        title: {
            type: 'over'
        }
    },
    modal: true // prevents closing fancybox and disable close button (unless using $.fancybox.close() method) 
});

请参见

$(".fancybox-effects-b").fancybox({
    openEffect: 'none',
    closeEffect: 'none',
    helpers: {
        title: {
            type: 'over'
        }
    },
    modal: true // prevents closing fancybox and disable close button (unless using $.fancybox.close() method) 
});