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

时间:2013-09-29 12:00:57

标签: jquery ajax fancybox

我有这段代码:

<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;错误。

2 个答案:

答案 0 :(得分:-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();

答案 1 :(得分:-1)

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