0
<button href="#form" class="real">Real Button</button>
<div class="new"></div>    
<div id="form" class="popup-info mfp-hide">Popup</div>    
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/jquery.magnific-popup.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/magnific-popup.min.css" rel="stylesheet" />

 var data=`<button href="#form" class="virt">Virt Button</button>`;

 $('.real').magnificPopup({
    type: 'inline',
  });

  $('.virt').magnificPopup({
    type: 'inline',
  });

  $('.real').click(function(){
    $('.new').html(data);
  });

Кнопка с классом virt загружается посредством события .html(). Я знаю, что в таких случаях, чтобы повесить событие click, надо использовать не просто click, а

$(document).on('click', '.virt', function(){
    ...;
 });

А можно ли повесить на такую виртуальную кнопку magnificPopup (чтобы при нажатии на нее всплывала Popup)?

https://jsfiddle.net/Nata_Hamster/2rywhozb/

1
  • Ваш ответ хорош, но не очень ) Выполните инициализацию magnificPopup после $('.new').html(data); 18 апр 2020 в 13:17

1 ответ 1

0

Получилось самостоятельно найти. Если кому интересно - https://jsfiddle.net/Nata_Hamster/56w2tcjr/ Спасибо всем, кто пытался принимать участие.

 $(document).on('focus', '.virt', function(){
    $('.virt').magnificPopup({
    type: 'inline',
  });
 });

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.