fancybox работает только с одной ссылкой, когда определены несколько ссылок

Question

У меня странная проблема с fancybox v2. Я использую следующий код JavaScript, который после того, как " id =" close "" был задан внутри экземпляра fancybox, он должен закрыть лайтбокс. Это работает только для поля входа, а не для контакта, для которого странное поведение. JavaScript, который я использую, выглядит следующим образом ...

$("#close").click(function(){
     $.fancybox.close(true);
});

и HTML, чтобы вызвать это было бы что-то вроде ...

Close

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

Спасибо за любой совет, если он много значит.

Answer 1

идентификаторы должны быть уникальными в документе HTML. Если у вас есть несколько элементов с идентификатором «close», вы увидите неожиданное поведение.

Классы могут применяться к нескольким элементам, поэтому вы можете внести следующие изменения. Обновите свой Javascript следующим образом:

$(".close").click(function(){
     $.fancybox.close(true);
});

и обновите разметку, чтобы удалить идентификаторы и добавить класс:

<span class="button close">Close< /span>