0

我在多个链接上使用颜色框来加载内联内容，如下所示：

jQuery('#atelier .list .block a').each(function(){
    var idContent = jQuery(this).attr('href');
    var htmlContent = jQuery(idContent).html();
    jQuery(this).colorbox({
        inline: true,
        html: htmlContent,
        scrolling:false,
        width:ateWidth,
        opacity:0.6,

    });
});

第一次调用效果很好，并显示了我的 div 的内容。但是如果我在关闭第一个链接后单击另一个链接，我会以 0px 高度的颜色框结束，即使我的内容在 cboxLoadedContent 中。我试过这个解决方案：

jQuery('#atelier .list .block a').each(function(){
    var idContent = jQuery(this).attr('href');
    var htmlContent = jQuery(idContent).html();
    jQuery(this).colorbox({
        inline: true,
        html: htmlContent,
        scrolling:false,
        width:ateWidth,
        opacity:0.6,
        onComplete: function(){
            jQuery.colorbox.resize();
        }

    });
});

在调整大小功能中具有正确的高度也是如此，但没有效果。问题发生在所有 IE、chrome、FF 中。没有例外。

4

1 回答 1

1

inline 和 html 属性是互斥的（选择一个或另一个，而不是两者），因此可能与它有关。但这一切都比它需要的要复杂一些。尝试这个：

jQuery('#atelier .list .block a').each(function(){
    jQuery(this).colorbox({
        inline: true,
        href: $(this).attr('href'),
        scrolling:false,
        width:ateWidth,
        opacity:0.6,
        onComplete: function(){
            jQuery.colorbox.resize();
        }
    });
});
于 2012-09-06T20:27:20.977 回答