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>

它在第一次点击时工作正常，但是如果我点击任何其他元素，它会产生有点重复的内容，点击更多元素只会让情况变得更糟。如何解决？

更新 如果只有一个触发器，也会发生这种情况。点击触发器，关闭fancybox，再次点击触发器-> bug。

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 被调用了两次。所以，我的错误。

于 2013-09-29T13:49:39.667 回答