Question

我创建了一个简单的网页，并希望显示弹出窗口内部的不同页面作为弹出消息加载，基本上我想做某事描述here.。我创建了简单的网页：

<html>
<head>
    <link rel="stylesheet" href="css/magnific-popup.css"> 
    <script src="js/jquery.min.js"></script>
</head>
<body>
<a href="hi.html" class="ajax-popup-link">Show inline popup</a>

<script src="js/jquery.lazy-load-google-maps.js"></script>
<!-- jQuery 1.7.2+ or Zepto.js 1.0+ -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<!-- Magnific Popup core JS file -->
<script src="js/jquery.magnific-popup.js"></script>
<script>
$('.ajax-popup-link').magnificPopup({
  type: 'ajax'
});
</script>
</body>
</html>

稍后我创建了示例hi.html网页：

<html>
<body>
hello
</body>
</html>

点击第一个网页上的链接 - 我看到的只是灰色的网页和白色的“正在加载...”句子...... 我做错了什么？

Answer 1

您需要在请求的文件中包含doctype声明（hi.html）。

为什么magnificPopup不显示ajax内容

1 个答案: