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 の内容を表示します。しかし、最初のリンクを閉じた後に別のリンクをクリックすると、私のコンテンツが cboxLoadedContent にある場合でも、高さ 0px のカラーボックスで終了します。私はこの解決策を試しました:

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 に答える