刷新貓頭鷹Carousel 2寬度

Question

我的問題是，我有多個圖標，觸發不同的輪播。默認情況下，第一個輪播是可見的，其餘的都是隱藏的。下面是圖標（布樣，在我的情況）：

<div id="home" class="fabrics"> 
    <h2>Fabrics Available</h2> 
    <a class="charcoal" href="javascript:void(0)"> 
     <div class="magnify-3"> 
      <div class="large-zoom-3"></div> 
      <img class="small-zoom-3" src="<?php echo $this->getSkinUrl('images/recliners/fabrics/charcoal.png');?>" alt="Charcoal" /> 
     </div> 
    </a> 
    <a class="mushroom" href="javascript:void(0)"> 
     <div class="magnify-2"> 
      <div class="large-zoom-2"></div> 
      <img class="small-zoom-2" src="<?php echo $this->getSkinUrl('images/recliners/fabrics/mushroom.png');?>" alt="Mushroom" /> 
     </div> 
    </a> 
</div> 

這裏是我的旋轉木馬：

<div class="imgs slider charcoal"> 
    <img src="<?php echo $this->getSkinUrl('images/recliners/indiana/charcoal-1.png');?>" alt="Charcoal" /> 
    <img src="<?php echo $this->getSkinUrl('images/recliners/indiana/charcoal-2.png');?>" alt="Charcoal" /> 
    <img src="<?php echo $this->getSkinUrl('images/recliners/indiana/charcoal-3.png');?>" alt="Charcoal" /> 
</div> 
<div class="imgs slider mushroom" style="display:none"> 
    <img src="<?php echo $this->getSkinUrl('images/recliners/indiana/mushroom-1.png');?>" alt="Mushroom" /> 
    <img src="<?php echo $this->getSkinUrl('images/recliners/indiana/mushroom-2.png');?>" alt="Mushroom" /> 
    <img src="<?php echo $this->getSkinUrl('images/recliners/indiana/mushroom-3.png');?>" alt="Mushroom" /> 
</div> 

和我的javascript：

jQuery(document).ready(function() { 
    jQuery(".fabrics a").click(function() { 
     var e = jQuery(this).attr("class"); 
     jQuery(".imgs").hide(), jQuery(".imgs." + e).toggle(); 
    }) 
}), 
jQuery(document).ready(function() { 
    jQuery(".slider").owlCarousel({ 
     loop: !0, 
     autoplay: !0, 
     autoplayTimeout: 3e3, 
     autoplayHoverPause: !0, 
     items: 1, 
     animateIn: "fadeIn", 
     animateOut: "fadeOut", 
     navigation: !0 
    }) 
}); 

單擊第二個項目時，它裝載第二個輪播，但width似乎是巨大的。 1260px在我的情況。我明白這可能是因爲瀏覽器不知道width與第二個傳送帶被設置爲無顯示？有什麼方法可以觸發我的某個圖標的click事件的刷新？

Answer 1

而不是隱藏將旋轉木馬放在高度爲0的包裝元素中;並溢出隱藏;將其切換到可見的設置高度：auto;