Question

我已经尝试了Magnific Popup，当网页准备好但不能正常工作时打开一个简单的弹出内联（但如果我生成一个链接，我点击它就可以了！）。任何人都可以帮助我吗？

这是代码（包括库和jquery）：

  // class of popup
 .white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width:auto;
  max-width: 550px;
  margin: 0px auto;
}

// INLINE POPUP
<div id="test-popup" class="white-popup mfp-hide">HELLO!</div

// if click it the popup work
<a href="#test-popup" class="open-popup-link">Show inline popup</a>

// this it should open the popup when the page is loaded
<script>
$(document).ready(function() {
    $('.open-popup-link').magnificPopup({type:'inline', midClick: true });
});
</script>

Answer 1

你几乎就在那里。使用上面的代码，您已成功初始化元素，现在您将要查看Magnific Popup Public Methods，特别是.open。< / p>

将此添加到初始化脚本的末尾：.magnificPopup('open');

所有在一起：

<script>
$(document).ready(function() {
    $('.open-popup-link').magnificPopup({type:'inline', midClick: true });
}).magnificPopup('open');
</script>

那应该为你做！：）

当页面加载了pagemagnific-popup时打开popup内联

1 个答案: