5

如何在 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 不起作用。这有点尴尬，但我会把这条信息留给会犯同样错误的其他人。

4

1 回答 1

2

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

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

于 2013-10-31T14:39:48.640 回答