带有ajax的MagnificPopup在页面上方显示加载的内容,而不是以模态打开它

时间:2016-12-06 20:34:30

标签: javascript jquery ajax popup magnific-popup

相反,在模态,夸张的弹出窗口中打开加载的内容只需将其添加到页面的正文中。控制台没有记录任何错误。

这是伪代码:

CALLER FILE(它与真实文件的顺序完全相同):

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<a class="popup" href="/address/to/file.php">

<script src="/helpers/magnificpopup/jquery.magnific-popup.min.js"></script>
<link href="/helpers/magnificpopup/magnific-popup.css">
<script>
jQuery(document).ready(function ( ) {
    jQuery('.popup').magnificPopup({
        type: 'ajax',
        alignTop: true,
        overflowY: 'scroll',
        closeOnBgClick: false
    });
}
</script>    

File.php的内部HTML:

<div class="white-popup-block">
    <h1>Hello World!</h1>
</div>

结果如下: enter image description here

而不是(这是一个版本): enter image description here

我已经尝试更改magnificpopup版本,使用一个适用于另一个应用程序的版本。在这次尝试中,我使用了相同的JS文件,并从应用程序中复制/粘贴代码。但结果仍然相同。

任何想法,伙计们?!

THX

0 个答案:

没有答案