Question

我有这段代码：

<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，再次点击触发器 - ＆gt;错误。

Answer 1

您需要为每个锚指定不同的rel属性。

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

他们可以使用相同的scirpt。

$(".fancybox").fancybox();

Answer 2

解决方案： AJAX返回的内容与原始页面（通用页脚）具有相同的fancybox调用，因此fancybox被调用两次。所以，我的错误。

在页面上使用多个Fancybox Ajax调用

2 个答案: