window onload调用magnificpopup

时间:2014-07-03 08:02:25

标签: javascript magnific-popup

我有一个脚本功能,当我点击一个标签时它工作正常 我需要在网站加载或正文加载时调用该函数如何做到这一点请帮帮我

这是我使用的代码

  <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 个答案:

答案 0 :(得分:0)

您是否尝试将其插入

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

并调用open()方法?

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