如何使用 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

就是这样，你做得正确。如果仍然无法获取，请检查类是否正确以及js文件是否加载。

还要检查错误控制台，如果有任何 JS 错误，则它将无法工作。