2013-09-29 1 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> 

И это прекрасно работает на первого щелчка, однако если я нажимаю любой из другие элементы, он создает любопытное дублирующее содержимое, а нажатие дополнительных элементов только ухудшает его. Как это исправить?

ОБНОВЛЕНИЕ Это происходит, если есть только один спусковой крючок. Нажмите триггер, закройте fancybox, снова нажмите кнопку триггера -> ошибка.

ответ

-1

вам необходимо присвоить каждому атрибуту rel атрибут 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(); 
+0

, но у меня нет галерей, это вызов ajax? – srgb

+0

хм, я вижу .. нет ответа, но я думаю, эта ссылка может помочь .. http://stackoverflow.com/questions/1715986/how-do-i-open-one-fancybox-after-another-closes правильно закрыть один, а затем использовать другой –

+0

Я не делаю то же самое, что и этот парень, я правильно закрываю первое окно fancybox, а затем нажимаю на другую ссылку, когда ящик закрыт. Но спасибо за попытку помочь – srgb

-1

РЕШЕНИЕ: Содержание возвращается на AJAX был тот же самый FancyBox вызов в качестве исходной страницы (универсальный колонтитула), так что, следовательно, FancyBox вызывалась дважды. Итак, моя ошибка.

Смежные вопросы