Question

我是初学者并开始使用ajax magnific popup。我已经下载了巨大的流行音乐库，并创建了一个使用弹出窗口的例子，但我的问题是当我点击链接弹出它显示得很好但是我点击弹出它隐藏所以我不想隐藏它。我只想点击它隐藏的黑色背景。

这是我的代码如下：

index.html

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.magnific-popup.js"></script>

    <link rel="stylesheet" href="css/magnific-popup.css" />
</head>
<body>

  <div class="example gc3">
    <h3>Ajax popup</h3>
    <div class="html-code">
      <a class="simple-ajax-popup" href="site-assets/test-ajax-2.html" >Load another content via ajax</a>
    </div>
    <script type="text/javascript">
      $(document).ready(function() {

        $('.simple-ajax-popup-align-top').magnificPopup({
          type: 'ajax',
          alignTop: true,
          overflowY: 'scroll' // as we know that popup content is tall we set scroll overflow by default to avoid jump
        });

        $('.simple-ajax-popup').magnificPopup({
          type: 'ajax'
        });

      });
    </script>
  </div>
</body>
</html>

请帮帮我。谢谢。

Answer 1

添加选项modal：true。

$('.simple-ajax-popup').magnificPopup({ type: 'ajax', modal: true });

这应该有效

如何在鼠标单击Ajax Magnific Popup时禁用隐藏？

1 个答案: