вызов при загрузке окна magnificpopup

#javascript #magnific-popup

#javascript #увеличительное всплывающее окно

Вопрос:

У меня есть функция скрипта, она отлично работает, когда я нажимаю на тег, мне нужно вызвать функцию при загрузке сайта или загрузке тела как это сделать, пожалуйста, помогите мне

Это код, который я использовал

   <div class="html-code">
  <a href="#test-modal" class="popup-modal">Open modal</a>
            <div class="white-popup-block mfp-hide" id="test-modal">
  <span>hi</span>
   <p><a href="#" class="popup-modal-dismiss">Dismiss</a></p>
   </div>
 </div>
  <script type="text/javascript">
  $(function () {
    $('.popup-modal').magnificPopup({
      type: 'inline',
      preloader: true,
      focus: '#username',
      modal: true
    });
    $(document).on('click', '.popup-modal-dismiss', function (e) {
      e.preventDefault();
      $.magnificPopup.close();
    });
  });
  </script>
  

Ответ №1:

Вы пытались вставить его в

 $(document).ready(function() { ... } 
  

и вызвать метод open()?

 $(document).ready(function() {   
  $('.popup-modal').magnificPopup({
    type: 'inline',
    preloader: true,
    focus: '#username',
    modal: true
  }).open();
});