1

私はFancyboxとQuicksandを連携させようとしています。「一緒に」ではなく、同じページで両方を機能させています。
コードの一部を次に示します。 

<head>
<script type="text/javascript">
    $(document).ready(function() {  
                $("a:visible").fancybox({
                'type'              : 'image',
                'titlePosition'     : 'outside',
                'overlayColor'      : '#000',
                'overlayOpacity'    : 0.7
            });
    });

</script>
</head>

その後：

  <a href="./gallery/img/shots/3.jpg" ><img src="./gallery/img/shots/3.jpg" /></a>

一緒に、これらは動作します。ただし、Quicksandの「領域」にある次のようなものでは機能しません（新しいタブで画像を開くだけです）。 

<section id="container">
            <ul id="stage">
                <li data-tags="Urban"><a href="./gallery/img/shots/1.jpg"><img src="./gallery/img/shots/1.jpg" alt="Illustration" /></li></a>
            </ul>
        </section>

周りを見回したところ、チュートリアルから次のコードを変更する必要があるかもしれないことがわかりました。

$('#stage').quicksand(link.data('list').find('li'));

に

$('#stage').quicksand(link.data('list').find('li'),function(){
    // FancyBox initialization code.
});

私もこの「初期化コード」を探しましたが、見つけたのは。だけですfancybox_init();。これは何もしないようですか？：S私もそれをに変更しようとしました$('a:visible').fancybox({...});が、これも機能しません。
私はそれが小さい/愚かなものであることを知っています、私はそれを見ることができません。
これはページ上のどのリンクでも機能することは知っていますが、後で修正する必要があります。問題ではないと思いますか？助けてくれてありがとう、
ジョセフ・ダフィー

4

1 に答える 1

0

それが機能しない可能性がある理由は、マークアップにリンクタグを含めているためだと思います。基本的に、リンクがクリックされ、クリックの結果として画像が開きます。'a'タグを削除してみて、同じ問題が引き続き発生するかどうかを確認してください。

于 2011-08-08T22:16:38.793 に答える