Проблема с Fancybox.Iframe работает только для первой ссылки на сайте

Question

Я тестирую Fancybox для Iframes и заметил, что в моем блоге Wordpress (и, наверное, везде) iframe открывается только для первой ссылки на моей домашней странице.Я добавил атрибут id ко всем ссылкам.

Есть идеи, почему это так и как это исправить?Ниже приведен код.Я только изменил название на popup и установил все ссылки id = "popup".На странице примеров также используется идентификатор, но только по одной ссылке.

<script type="text/javascript">
    $(document).ready(function() {
        $("#popup").fancybox({
            'width'             : '75%',
            'height'            : '75%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
        });
    });
</script>

Answer 1

что вы делаете там, это добавление одного fancybox к одному объекту с помощью всплывающего окна id.если вы хотите, чтобы у нескольких тегов <a> был свой собственный fancybox, вы должны либо сделать то же, что вы сделали для тега efery с другим идентификатором, либо дать им тот же класс с другим "rel".

смотрите это пример

Answer 2

идентификаторы должны быть уникальными.Если ваш существующий код похож на

<a href="whatever" id="popup">Link 1</a>
<a href="whateverelse" id="popup">Link 2</a>

Вместо этого измените его на

<a href="whatever" class="popup">Link 1</a>
<a href="whateverelse" class="popup">Link 2</a>

Затем настройте свой Javascript на

<script type="text/javascript">
    $(document).ready(function() {
        $("a.popup").fancybox({
            'width'             : '75%',
            'height'            : '75%',
            'autoScale'         : false,
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'type'              : 'iframe'
        });
    });
</script>

Причина, по которой вы используетекод из их документации не работает для вас, потому что их документация касается только одной ссылки , а не группы ссылок.