Здесь я использую скрипт совы, и он работает отлично.Я также хотел повторить это и использовать в качестве второго.Итак, я скопировал общий 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>
Iне понимаю, почему это не работает.Пожалуйста, помогите мне кто-нибудь.Спасибо.