Question

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

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 ..没有例外。

Answer 1

内联和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();
        }
    });
});

colorbox在第二次通话时没有高度

1 个答案: