2015-02-24 84 views
1

我有一个jquery fancybox,里面有正常的href链接。当我点击那个链接时,fancybox关闭。点击链接后,如何防止fancybox关闭?防止jquery fancybox在链接上点击时关闭

这是的fancybox代码:

$(function(){ 
    $(".booking_module").fancybox({ 
     maxWidth : 550, 
     topRatio : 0, 
     fitToView : false, 
     width  : '100%', 
     height  : 'auto', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none', 
     centerOnScroll: true, 
     autoResize: true, 
     autoCenter: true, 
     margin : [topmargin, 0, 0, 0], 
     helpers : { 
     overlay : {closeClick: false} 
     } 
    }); 
}); 

回答

0

问题是我使用3个类的href。其中一类不再使用。当我删除那个未使用的类时,它在点击该链接后不再关闭。

2

此选项的背景

$(document).ready(function() { 
    $(".booking_module").fancybox({ 
     helpers : { 
      overlay : { 
       closeClick: false 
      } // prevents closing when clicking OUTSIDE fancybox 
     } 
    }); 
}); 

点击这个选项将禁用关闭的fancybox

的所有默认点击方法时,将禁止合闸的fancybox
$(document).ready(function() { 
    $(".booking_module").fancybox({ 
     closeBtn : false, 
     closeClick : false, 
     helpers : { 
      overlay : { 
       closeClick: false 
      } // prevents closing when clicking OUTSIDE fancybox 
     }, 
     keys : { 
      close: null 
     } // prevents close when clicking escape button 
    }); 
}); 

我认为第二个选项就是你要找的。也许没有“closeBtn”

+0

感谢您的回答。我发现问题出在别的地方。见下文。至于为什么对我来说没有意义,但是只去掉这个班级就完成了这项工作。 – BastiaanWW 2015-02-24 20:32:14

+0

复制/粘贴从另一个答案似乎确定时引用源http://stackoverflow.com/a/8404587/1055987:P – JFK 2015-02-24 23:01:21