我在我的頁面上遇到了我的貓頭鷹傳送帶的問題。目前,轉盤容器和項目不顯示。我用我的網絡檢查員檢查元素,看起來它在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加載到頭部(加載到頁腳時也不工作)。
有沒有明顯的原因,爲什麼這可能不起作用?
任何控制檯錯誤顯示,衝突等?我使用貓頭鷹旋轉木馬很多,幾乎總是遇到問題,在某個點或另一個... –
你可以讓一個jsfiddle?該元素可能存在全局css屬性,但可能該腳本被設置爲一次只顯示一個項目(即在DOM中更改了style屬性)。 – lharby
@samuidavid是的,你是對的,我得到一個錯誤,指的是fancybox腳本 - 只是刪除它,它的工作原理 - 謝謝你的手! –