2013-09-29 23 views
0

對我有這樣的代碼:使用一個以上的fancybox Ajax調用

<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 如果只有一個觸發器,也會發生這種情況。點擊觸發器,關閉fancybox,再次點擊觸發器 - >錯誤。

回答

-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(); 
+0

但我沒有任何畫廊,這是一個阿賈克斯電話? – srgb

+0

嗯,我看..沒有進一步的答案,但我想這個鏈接可以幫助.. http://stackoverflow.com/questions/1715986/how-do-i-open-one-fancybox-after-another-closes正確關閉一個,然後用另一個 –

+0

我不是那樣做的那個人,我正確地關閉了第一個fancybox窗口,然後點擊另一個鏈接,當方框關閉..但謝謝你試圖幫助隊友 – srgb

-1

SOLUTION:由AJAX返回的內容具有相同的fancybox呼叫作爲原始頁面(通用頁腳),那麼由此的fancybox被稱爲兩次。所以,我的錯誤。