如何使用AJAX函数在Magnific Popup中加载另一个HTML文件？

Question

如何在Magnific Popup，AJAX类型中加载另一个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错误，请检查错误控制台，然后才能正常工作。