2
我開始建立我的網站（WordPress的自定義主題與Boostrap前端框架）。 我把裏面的文件，但我仍然沒有得到它的工作。 一切都可見，但我無法滑動它。 我已檢查文件是否正確加載。與貓頭鷹旋轉木馬卡住 - 無法使其工作
這些是我所加載的頁面 上的文件 - jQuery的1.11.0.min.js（自舉）
- jquery.min.js（連在一起，與貓頭鷹文件夾）
owl.carousel.min.js
owl.carousel.min.css
- owl.theme.default.min.css
我試着轉動jquery-1.11.0.min.js，但保持jquery.min.js。 我也嘗試關閉jquery.min.js並保持jquery-1.11.0.min.js但沒有結果。
有沒有人有同樣的問題？
我試着設置一個jsfiddle，但不知何故傳送帶根本沒有顯示出來。 無論如何，這裏是鏈接，所以你可以看到代碼。
https://jsfiddle.net/ykhu3aa0/3/
HTML
<div class="loop owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transition: 0.25s; width: 5880px; transform: translate3d(-2572px, 0px, 0px);">
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item active" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item active center" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item active" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item active" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
<div class="owl-item cloned" style="width: 235px; margin-right: 10px;">
<div class="item">
<img src="http://via.placeholder.com/350x220">
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><div class="owl-prev">prev</div><div class="owl-next">next</div></div>
<div class="owl-dots">
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot active"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
<div class="owl-dot"><span></span></div>
</div>
Javascript
$('.loop').owlCarousel({
center: true,
items:2,
loop:true,
margin:10,
responsive:{
600:{
items:4
}
}
});
你的小提琴是不工作的原因是因爲你沒有https：//開頭前綴所有正在加載的資源面前。 https版本似乎無法在您的服務器上工作。 – AceWebDesign
只粘貼您在製作旋轉木馬時使用的代碼 – sagar
您是否在使用jQuery（document）.ready（function（$）{Your code here}）; ？ – PraveenKumar