Как использовать несколько таких плагинов на одной странице?

Question

[lynnikvadim]

Использую такой плагин owlgraphic.com/owlcarousel/demos/custom.html
Почему когда я использую две карусели - то вторая не работает.

P. S. jquery практически не знаю. Камнями сразу не кидать.

Comments

[Stalker_darkway]

var owl = $("#owl-demo");

Попробуйте "#owl-demo" заменить на имя родителя другой карусели.

[lynnikvadim]

Вячеслав: В таком случаи работает. Но тогда я должен постоянно копировать скрипт для каждой новой карусели.
Это не очень удобно. Как этого можно избежать ?

[Stalker_darkway]

Не совсем понятно зачем заново копировать скрипт. Что происходит если не копировать?

[lynnikvadim]

Вячеслав: вторая карусель не работает. Чтобы вторая карусель на этой-же странице заработала мне приходится копировать яваскрипт и давать карусели новы id и в функции инициализации так-же переписывать ид.

[Кирилл Туровников]

Попробуйте для родителя задать не id, а class, например var owl = $(".owl-demo"). id уникальный селектор может из-за этого не работать

Answer 1

[Vlad Feninets]

Делай разные инициализации под разными id-шками.

$("#owl-carousel1").owlCarousel();
$("#owl-carousel2").owlCarousel();

Answer 2

[Константин Б.]

В общем напиши так. А на все свои слайдеры делай один класс home_carousel и они все будут работать

$(".home_carousel").each(function(){
		$(this).owlCarousel();
	});

Comments

[lynnikvadim]

можете пояснить Ваш скрипт ?

[Константин Б.]

выложи свой скрипт, я тебе напишу его как нужно.

[Mr Crabbz]

lynnikvadim: Функция each() перебирает все элементы с классом ".home_carousel" и вешает на них скрипт owl-карусели. api.jquery.com/each

[lynnikvadim]

Роман Краббз: Но у меня не получается так.
Я хочу использовать этот плагин для изменения цвета svg jsfiddle.net/benhowdle89/ujxomdgc/14
У меня только первая (одна) картинка преобразуется в svg.
Почему так ?