В чем причина ошибки с fancyBox?

Question

[Дмитрий Жуков]

При расположении нескольких идентичных ссылок на странице перестает корректно работать открытие popup с инлайн-контентом: появляется на секунду и исчезает, причем, остается затемненный фон. Если ссылка одна, то все ок.
Ссылка:

<a data-fancybox="forms" data-src="#order-popup" href="javascript:;"></a>

Инициализация:

$('[data-fancybox="forms"]').fancybox({
        infobar: false,
        touch: {
            vertical: false, 
            momentum: false
        }
    });

Скрытый блок:

<div class="order-popup hide" id="order-popup">
Содержимое
</div>

При расположении нескольких ссылок в адресной строке уже не site.ru/#forms, а site.ru/#forms-1 site.ru/#forms-2 и т.д.

Answer 1

[Stalker_RED]

попоробуйте так

$('[data-fancybox="forms"]').each(function(){
  $(this).fancybox(...)
})

Если по ссылкам нужны разные галереи, то не забывайте их указывать

data-fancybox="forms-1"
data-fancybox="forms-2"

Comments

[Дмитрий Жуков]

1) Да, помогло, спасибо!
2) Нет, содержимое одно должно быть.