在这里,我使用我的猫头鹰旋转木马脚本,它的工作完美 . 我也想复制它并用作第二个 . 所以,我复制了整个轮播div并将导航类名改为next2 . 旋转木马可以正常使用所有选项,但复制的旋转木马的导航不起作用 .
第一个转盘:
<script>
$(document).ready(function() {
var owl = $("#owl-demo");
owl.owlCarousel({
autoPlay: 10500,
items : 6,
itemsDesktop : [1000,6],
itemsDesktopSmall : [900,4],
itemsTablet: [600,1],
itemsMobile : false,
pagination:false,
});
$(".next").click(function(){
owl.trigger('owl.next');
});
$(".prev").click(function(){
owl.trigger('owl.prev');
});
});
</script>
复制轮播:
<script>
$(document).ready(function() {
var owl2 = $("#owl-demo2");
owl2.owlCarousel({
autoPlay: 10500,
items : 4,
itemsDesktop : [1000,4],
itemsDesktopSmall : [900,3],
itemsTablet: [600,1],
itemsMobile : false,
pagination:false,
});
$(".next2").click(function(){
owl2.trigger('owl.next2');
});
$(".prev2").click(function(){
owl2.trigger('owl.prev2');
});
});
</script>
我不明白为什么它不起作用 . 请帮帮我一个人 . 谢谢 .