2015-04-02 126 views
0

我創建了一個簡單的網頁,並希望顯示彈出窗口內的不同頁面,該頁面作爲彈出消息加載,基本上我想要做的事情是描述here.。我創建了簡單的網頁:爲什麼magnificPopup不顯示AJAX內容

<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> 

,並單擊第一個網頁上的鏈接後 - 我所看到的是灰色的網頁和白色的「Loading ...」句子... 我在做什麼錯了?

回答

0

您需要在請求的文件(hi.html)中有一個doctype聲明。

相關問題