无法使其关闭叠加层和弹出窗口

时间:2014-02-24 13:37:53

标签: jquery fancybox

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标记中,但错误显示未定义的关闭方法。它运作但经过一些调整后,它停止了工作。知道为什么吗?

0 个答案:

没有答案