@kapost

Несколько разных popup на одной странице. Как?

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

Скрипт

// open modal
var wrap = $('#wrapper'),
     btn = $('.open-modal-btn'),
     modal = $('.cover, .modal, .modal_content');

btn.on('click', function() {
  modal.fadeIn();
});

// close modal
$('.modal').click(function() {
  wrap.on('click', function(event) {
    var select = $('.modal_content');
    if ($(event.target).closest(select).length)
      return;
    modal.fadeOut();
    wrap.unbind('click');
  });
});
  • Вопрос задан
  • 1768 просмотров
Решения вопроса 1
@yarnstart
Превозмогание и React
Нужно для каждого инициатора открытия модального окна(кнопки) задать атрибут(в моем примере data-modal, в котором будет храниться идентификатор(например id) нужного вам модального окна, ваш код может выглядеть так - https://jsfiddle.net/jtLvyrco/4/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы