jquery - 如何使用 AJAX 功能在 Magnific Popup 中加载另一个 HTML 文件？

Question

如何在 AJAX 类型的 Magnific Popup 中加载另一个 HTML 文件(在同一台服务器上)？我看了http://dimsemenov.com/plugins/magnific-popup/的源代码但我无法让它工作。其他弹出窗口类型工作正常，例如图像、视频和 iframe。我可能遗漏了一些重要的 AJAX 代码？单击链接后，弹出窗口会显示文本“正在加载...”并且不会加载 HTML 文件。

这是到目前为止的简化代码。

<a href="ajax.html" class="popup-ajax">Open ajax</a>

JS:

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

ajax.html 文件:

<div id="ajax-content" class="example-popup">
    <p>Content</p>
</div>

ajax 文件/弹出窗口的 CSS:

.example-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

我对 AJAX 没有任何了解，所以示例代码会很有帮助。任何帮助，将不胜感激。谢谢!

编辑: 不知道 AJAX 没有(本地)服务器就无法工作。这有点尴尬，但我会将此消息留给会犯同样错误的其他人。

Answer 1

就是这样，你做得对。如果还是获取不到，请检查class是否正确，是否加载了js文件。

同时检查错误控制台，如果你有任何 JS 错误，它就不会工作。