Как сделать, при прокручивании одного слайдера другой бы не прокручивался?

Question

[Ratibor]

Есть два слайдера, они одинаковые, только Owl Carousel подключена на разные id, при прокручивании одного второй тоже прокручивается. Как сделать, чтобы они не зависли друг от друга? Вот код https://codepen.io/RatiboR1978/pen/zMOzeg

Comments

[Vadim]

Вы бы показали код, как вы инициализируете карусели.

[Ratibor]

Vadim,

$("#carouselTwo").owlCarousel({
		loop:false,
		items:1,
		margin:10,
		autoWidth:true,
		nav: true
	});

	$("#carouselThree").owlCarousel({
		loop:false,
		items:1,
		margin:10,
		autoWidth:true
	});

[Ratibor]

По стилям и разметке они одинаковые

[Dymok]

Ratibor, а с помощью чего прокручиваете слайдер?

[Ratibor]

Dymok, мышкой тяну

[Ratibor]

На кнопки жму так же работают как один

[Ratibor]

Неужели два одинаковых слайдера нельзя подключить и чтобы они сами по себе работали? Есть еще третий баннер но там разметка другая с стилями он работает нормально отдельно от остальных

[Erl]

Ratibor, идентифицируй их как разные, и всё будет ок
по id

[Erl]

ну или скинь пример

[Ratibor]

Эрлан Капаров, так я так и сделал, сам удивляюсь почему они так пашут

[Ratibor]

https://codepen.io/RatiboR1978/pen/zMOzeg вот пример

[Erl]

Ratibor, а тебя не спущает что у тебя 1 группа кнопок на 2 слайдера?
сделай кастом

[Ratibor]

Эрлан Капаров, да кнопки можно вообще убрать они мне не интересны, при протаскивании почему они друг друга повторяют

Answer 1

[Vadim]

У ваших слайдеров одинаковые параметры data-hash у слайдов. Они должны быть разные.
https://codepen.io/anon/pen/gQYxXK

Comments

[Ratibor]

Спасибо огромное!