InfiniteScrollを介してプルされたコンテンツのカスタム閉じるボタンを使用してFancyboxを閉じる際に問題が発生しました。
http://fancyapps.com/fancybox/
http://www.infinite-scroll.com/
Infinite Scrollの前にページに含まれているものはすべて、正常に開閉できます。Infinite Scrollを介して取り込まれたコンテンツの場合、問題なくFancyboxを起動できますが、[閉じる]をクリックすると、ページの上部にバックアップがスローされ、Fancyboxが閉じません。
これが私が使用しているコードです:
HTML
<a href="#" class="fncy-custom-close">
<span>Close</span>
</a>
JS
$(document).ready(function() {
$('.fancybox').fancybox({
padding : 0,
scrolling : 'no',
arrows : false,
closeBtn : false,
helpers : {
overlay: {
opacity: 0.6
}
}
});
$('a.fncy-custom-close').click(function(e){
e.preventDefault();
$.fancybox.close();
});
});
どんな助けでも大歓迎です。ありがとう。