Javascript 当鼠标点击Ajax放大弹出窗口时，如何禁用隐藏？_Javascript_Jquery_Ajax_Popup_Magnific Popup

Javascript 当鼠标点击Ajax放大弹出窗口时，如何禁用隐藏？

javascript jquery ajax

Javascript 当鼠标点击Ajax放大弹出窗口时，如何禁用隐藏？,javascript,jquery,ajax,popup,magnific-popup,Javascript,Jquery,Ajax,Popup,Magnific Popup,我是初学者，开始使用ajax放大弹出窗口。我已经下载了放大弹出库并创建了一个使用弹出的例子，但我的问题是当我点击链接弹出它显示良好，但我点击弹出隐藏，所以我不想让它隐藏。我只想点击它隐藏的黑色背景这是我的代码，如下所示： index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.1.

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

这是我的代码，如下所示：

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>


Ajax弹出窗口
$（文档）.ready（函数（）{
$（'.simple ajax弹出窗口对齐顶部'）。放大弹出窗口({
键入：“ajax”，
是的，
overflowY:'scroll'//我们知道弹出内容很高，我们默认设置scroll overflow以避免跳转
});
$（'.simple ajax popup'）.magnificPopup({
键入：“ajax”
});
});

请帮帮我。谢谢。

添加选项modal:true

$（'.simple ajax popup'）.magnificPopup({
键入：“ajax”，
莫代尔：对
});
如果contentType:
设置为ajax
，那么我想您只需要保留一个根节点。参考：检查此链接匹配：）