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

Question

我创建了一个弹出窗口，它使用.php插件：弹出式加载jQuery站点。

问题是插件不会加载用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"向HTML中添加一个内部div标记

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

结果HTML：

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