2015-11-16 65 views
2

我在我的頁面上遇到了我的貓頭鷹傳送帶的問題。目前,轉盤容器和項目不顯示。我用我的網絡檢查員檢查元素,看起來它在css中有display:none行。但是,當我將其更改爲display:block時,這些項目顯示爲一個在另一個下面,而不是水平線。貓頭鷹傳送帶css設置爲:頁面加載時無顯示

我的旋轉木馬腳本如下:

jQuery(function($){ 
    $('.owl-carousel').owlCarousel({ 
     loop:true, 
     margin:10, 
     nav:true, 
     dots:true, 
     autoplay:true, 
     autoplayHoverPause:true, 
     items:4, 
     responsive:{ 
      0:{ 
      items:1 
      }, 
      480:{ 
     items:2 
      }, 
      768 :{ 
     items:4 
      } 
     } 
    }) 
}); 

我的HTML標記如下:

<div class="row owl-carousel container"> 
    <div id="layers-widget-carousel-5-931" class="item layers-widget-carousel-931"> 
    ... 
    </div> 
    <div id="layers-widget-carousel-5-715" class="item layers-widget-carousel-715"> 
    ... 
    </div> 
    <div id="layers-widget-carousel-5-95" class="item layers-widget-carousel-95"> 
    ... 
    </div> 

我有腳本owl.carousel.min.js,owl.carousel。 css和owl.theme.default.css加載到頭部(加載到頁腳時也不工作)。

有沒有明顯的原因,爲什麼這可能不起作用?

+1

任何控制檯錯誤顯示,衝突等?我使用貓頭鷹旋轉木馬很多,幾乎總是遇到問題,在某個點或另一個... –

+0

你可以讓一個jsfiddle?該元素可能存在全局css屬性,但可能該腳本被設置爲一次只顯示一個項目(即在DOM中更改了style屬性)。 – lharby

+0

@samuidavid是的,你是對的,我得到一個錯誤,指的是fancybox腳本 - 只是刪除它,它的工作原理 - 謝謝你的手! –

回答

0

嗨,我和你在同一個地方。 我搜索和搜索,並在這裏結束。

只是出於好奇,我更新了JS和CSS到最新版本。所以這對我有效。

不過,我也發現了這一點 - Link to Github item

希望這有助於。

+0

我有相同的「非工作」問題,並通過放棄2.2版本的旋轉木馬並恢復到1.3版本來解決此問題。這不是一個好的解決方案,但是當前版本應該是固定的。我不想爲了讓它工作而使用插件。 –

0

只爲容器顯示添加:無和carusel添加顯示:自己阻止

相關問題