javascript - jQuery 弹出窗口 (bPopup) 无法加载 iFrame

Question

我创建了一个使用 jQuery 插件加载 .php 站点的弹出窗口:bpopup .

问题是插件不会加载用 php 编码的网站。谁能告诉我哪里有问题？

这是我正在使用的代码:

JavaScript:

$('#leader').bind('click', function (e) {
    // Prevents the default action to be triggered. 
    e.preventDefault();
    // Triggering bPopup when click event is fired
    $('#leaderboard').bPopup({
        modalClose: false,
        opacity: '0',
        positionStyle: 'fixed', //'fixed' or 'absolute'
        content: 'iframe', //'ajax', 'iframe' or 'image'
        contentContainer: '.content',
        loadUrl: 'http://remake.hr/memtest/leaderboard.php' //Uses jQuery.load()
    });
});

HTML:

<div id="leaderboard" class="info"></div>
<div class="button" id="leader"></div>

CSS:

.info {
    display:none;
    width:700px;
    background: rgb(38, 170, 225);
    /* Fall-back for browsers that don't support rgba */
    background: rgba(38, 170, 225, .9);
    color:white;
    line-height: 35px;
    padding: 25px 50px 50px 25px;
}

Answer 1

使用 class="content" 将内部 div 标签添加到您的 HTML 中

使用 contentContainer: '.content'，您可以指定此容器。

生成的 HTML:

<div id="leaderboard" class="info"><div class="content"></div></div>
<div class="button" id="leader"></div>