JQuery
jQuery ( function ( $ ) {
$(".fancybox")
.fancybox({
type: 'ajax',
autoHeight: false,
minHeight: 900,
width: 965,
autoSize: false,
autoCenter: true,
fitToView: false,
topRatio: 0,
scrolling: 'visible',
arrows: false,
closeBtn: false,
autoPlay: false,
wrapCSS: 'pop-wrapper',
helpers:{
overlay : {
closeClick : true,
speedOut : 200,
showEarly : false,
locked : true,
}
}
});
$('i.icn-close-overlay').click(function(){
$('.fancybox').close();
$('wrapper').find('.fancybox-overlay').remove();
});
});
HTML
<div class="pop-header">
<a class="fancybox" href="javascript:void(0);"><i class="icn-close-overlay"></i></a>
</div><!--end #header-->
问题在于我无法使用:
$.fancybox.close();
所以我诉诸于此:
$('i.icn-close-overlay').click(function(){
$('.fancybox').close();
$('wrapper').find('.fancybox-overlay').remove();
});
});
问题是现在可以关闭fancybox弹出窗口,但是fancybox叠加层在关闭时不会消失。我不确定为什么它不起作用:(
帮助表示感谢。
已更新 尝试过:JQuery.fancybox.close();在herf标记中,但错误显示未定义的关闭方法。它运作但经过一些调整后,它停止了工作。知道为什么吗?