儘管在配置文件中指定了寬度，但是Caroufredsel寬度爲0

我正在使用基本的Caroufredsel設置，主圖像位於頂部，縮略圖位於下方。我的問題是讓縮略圖以正確的大小顯示是否只有一個，兩個或更多。我已經知道它幾乎在那裏，剩下一個奇怪的問題。儘管在配置文件中指定了寬度，但是Caroufredsel寬度爲0

當div顯示時，縮略圖不會出現;使用調試器，我可以看到caroufredsel_wrapper類的寬度爲0，儘管我已經嘗試將它明確設置爲330。如果我調整瀏覽器的大小，它會「醒來」，並且寬度設置正確。我一直無法弄清楚是什麼原因造成的。

在配置：

$('#thumbs').carouFredSel({ 
    responsive: true, 
    circular: false, 
    infinite: false, 
    width: 330, 
    height: 65, 
    auto: false, 
    items: { 
    width  : "auto", 
    height  : "50%", 
    visible  : { 
     min   : 4, 
     max   : 5 
    } 
    } 
});

早些時候，我有轉盤沒有指定高度/寬度，和顯式的「寬度：150，高度：75」爲商品。一切都按預期呈現，但是項目的寬度實際上是可變的，所以如果僅存在1或2個縮略圖，則圖像被拉伸。爲什麼明確的項目高度/寬度被忽略也是一個謎。

任何建議將是太棒了;這讓我瘋狂。

來源

2013-07-17 Masonoise

我可能自己找到了答案，儘管它看起來並不是最好的答案。無論如何，它可能會幫助別人。轉盤初始化後，它看起來像調用「updateSizes」得到它來找出正確的寬度：$（「＃thumbs」）。trigger（「updateSizes」）; – Masonoise

以上評論無誤。如果你把旋轉木馬放在一個隱藏的div中，你以後可以通過製表符來展示它，它將使所有的高度和寬度都爲零，因此它看起來像caroufredsel是隱藏的。

您可以將更新大小觸發器附加到選項卡單擊。例如。

$j("ul.tabs a[href=#tab2]").click(function() { 
      setTimeout(function() { 
       $("#thumbs").trigger('updateSizes'); 
      }, 200); 
     });

延遲確保容器在updateSizes觸發器之前顯示。

來源

2013-08-06 04:59:10 JaseC

儘管在配置文件中指定了寬度，但是Caroufredsel寬度爲0

回答

相關問題