0

私はこのコードを持っています:

<a class="fancybox-ajax" data-fancybox-type="ajax" href="www.someurl.com">Some content</a>  
<a class="fancybox-ajax" data-fancybox-type="ajax" href="www.someurl.com">Some content</a>  
<a class="fancybox-ajax" data-fancybox-type="ajax" href="www.someurl.com">Some content</a>
<a class="fancybox-ajax" data-fancybox-type="ajax" href="www.someurl.com">Some content</a>

...

<script type="text/javascript">
    jQuery(".fancybox-ajax").fancybox({  
        type: 'ajax',  
        width:800,  
        height: 'auto'  
    });
</script>

最初のクリックでは問題なく動作しますが、他の要素をクリックすると重複したコンテンツが生成され、さらに要素をクリックすると悪化します。修正方法は？

UPDATE これは、トリガーが1つしかない場合にも発生します。トリガーをクリックし、fancybox を閉じ、もう一度トリガーをクリックします -> バグ。

4

2 に答える 2

-1

各アンカーに異なる rel 属性を割り当てる必要があります。

<a class="fancybox" rel="gallery01" href="product01/image01.jpg">one</a>
<a class="fancybox" rel="gallery02" href="product01/image02.jpg">one</a>

そして、同じスクリプトを使用できます。

$(".fancybox").fancybox();
于 2013-09-29T12:04:27.223 に答える
-1

解決策: AJAX によって返されるコンテンツには、元のページ (ユニバーサル フッター) と同じ fancybox 呼び出しが含まれていたため、fancybox が 2 回呼び出されていました。だから、私のバグ。

于 2013-09-29T13:49:39.667 に答える