如何制作花哨的Box叠加系统对话框

Question

我的问题是如何制作一个花哨的盒子插件或任何其他插件来显示系统对话框的那种效果。我希望显示它，直到用户点击关闭按钮它不应该关闭。但是我在网站或任何其他网站上看到的示例当我们点击包装区域以外的覆盖区域时，对话框关闭。有没有人建议如何实现这一点。

Answer 1

您可以使用jquery fancybox插件。可在此处获取：http://fancybox.net/

使用

helpers : { 
  overlay : {closeClick: false}
}

获得所需的结果。您的代码应如下所示

$(document).ready(function() {
 $(".fancybox").fancybox({
  closeClick  : false, // prevents closing when clicking INSIDE fancybox 
  openEffect  : 'none',
  closeEffect : 'none',
  helpers   : { 
   overlay : {closeClick: false} // prevents closing when clicking OUTSIDE fancybox 
  }
 }).trigger("click");
});