我正在尝试使用以下设置集成fancybox。我正在链接我页面上的一组链接。在每个页面上,都有一个“添加到购物车”按钮,触发AJAX事件将产品添加到购物车,只要点击此按钮,fancybox关闭,但我希望它保持不变。我使用了hideOnContentClick,但似乎没有用。请帮我。我也试过去jquery.fancybox-1.3.4.js来评论下面的内容,但仍然不起作用:
if (currentOpts.hideOnContentClick) {
content.bind('click', $.fancybox.close);
}
以下是我的剧本:
<link rel="stylesheet" type="text/css" href="fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$("a[rel=example_group]").fancybox({
'hideOnContentClick': false,
'overlayColor' : '#5B8FE2',
'overlayOpacity' : '0.2',
'centerOnScroll' : 'true',
'scrolling' : 'no',
'autoDimensions' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'outside',
'autoScale' : false,
'height' : '500',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Product ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
});
</script>