0

ポートフォリオWebサイトにMasonryプラグイン（http://www.4pixels.co.uk/）で構築された3つのページがあります。最初のページでは、fancyboxはいくつかの画像に対して完全に機能します。

しかし、infiniteScrollを使用して最初のページの下部にあるページ2をロードすると、ファンシーボックスのリンクが機能しなくなり、厚いボックスの画像を新しいページにロードするだけです。

ページ2（http://www.4pixels.co.uk/index2.html）をブラウザーに直接ロードすると、（すべてのcss / jsで）正常に機能しました。それ以来、このページからjsとcssを削除して、1ページからロードしましたが、違いはなく、ファンシーボックスはまだ機能しません（試してみる画像は、Winston Ellis Webサイトのレスポンシブ画面です）

すべての最高のアンディ

私が試してみました

    $(document).ready(function() {
    $("#tumblelog").on("focusin", function(){
    $("a.example2").fancybox({
    'overlayShow'   : true,
    'transitionIn'  : 'elastic',
    'transitionOut' : 'elastic'
     });
     });
     });

しかし、まだ機能していません。私はあなたの例が機能しているのを見るので、私が間違っているのか分からないので、それを引き離さなければなりません。

4

1 に答える 1

0

Fancybox v1.3.4 は、動的に追加された要素 (infiniteScroll によって追加された要素など) にバインドできません。

ファンシーボックスをこれらの新しい要素にバインドしたい場合は、2 つのオプションがあります。

1: fancybox v2.x にアップグレード ... または

2: fancybox v1.3.4 を使い続けますが、スクリプトを変更して jQuery on() を使用します。方法については、このリンクをたどってください

于 2012-02-02T05:37:35.560 に答える