Как вызвать одно модальное окно несколькими кнопками?

Question

[Влад Серов]

Доброго времени суток.

На странице есть кнопка регистрации, при нажатии на неё появляется модальное окно с регистрацией.
Я скопировал эту кнопку несколько раз по странице, но работает теперь только одна. Самая первая на странице. Код кнопки и самого вызова ниже.

<div class="text-center col-xs-12">
      <div id="get-result" class="btn">Пройти тест</div>
    </div>

$('#get-result').on('click', function(e) {
		$.magnificPopup.open({
	      items: {
	        src: '#final-box',
	      },
	      type: 'inline'
	    });
		}
	)

Answer 1

[Astrohas]

<div class="text-center col-xs-12">
      <div id="get-result" class="btn pop-up">Пройти тест</div>
    </div>

$('.pop-up').on('click', function(e) {
    $.magnificPopup.open({
        items: {
          src: '#final-box',
        },
        type: 'inline'
      });
    }
  )

наверное так

Comments

[Влад Серов]

Что-то в этом однозначно есть :D Спасибо за помощь))

[Arris]

Влад Серов: дело в том, что ID в пределах страницы обязаны быть уникальными. А вы наверняка создали 10 кнопок с одним ID.
Решение выше основано на присвоении всем кнопкам определенного класса и бинд действий на класс, а не идентификатор.