Как заставить раздельно работать слайдеры с одинаковыми классами?

Question

[DenKuzmin17]

Есть несколько слайдеров с одинаковыми классами. При взаимодействии с одним, перелисывают все остальные. Как их разделить, сохранив одинаковые классы? Унифицировать каждый слайдер классом или айди - не вариант.

Answer 1

[DenKuzmin17]

Помогли таким вариантом. Всем спасибо.

ссылка на Codepen

https://codepen.io/Malleys/pen/byQjOM?editors=1010

Answer 2

[Антон]

дать DATA атрибуты отличающие их, или искать слайдер от своего уникального родителя

Comments

[Folant]

дать DATA атрибуты отличающие их

Так пишут ведь, что...

Унифицировать каждый слайдер классом или айди - не вариант.

Здесь говорится о сохранности состояния... Как вы предложили бы сделать это с иммутабельным объектом, то и будет лучшим решением данной проблемы!

Answer 3

[0xD34F]

https://codepen.io/anon/pen/EzOpar?editors=1010

Comments

[Folant]

И как такое расширять? Всё-таки методы nextImage/previousImage должны быть публичными. Тогда возможно программно менять слайды. https://codepen.io/anon/pen/zQMmrE?editors=1010

[0xD34F]

Folant,

И как такое расширять?

Думаю, вы и сами понимаете, что это не моя проблема. Что автор вопроса спросил - то и получил.

[Folant]

Думаю, вы и сами понимаете, что это не моя проблема.

Тогда зачем вы пишите то, в чём плохо разбираетесь? Какой смысл писать код, логику которого придётся переделывать сразу как только нужно что-то добавить. Неужели вы не понимаете, что методы nextImage/previousImage являются сутью любого слайдера. Попробуйте к своему слайдеру добавить навигацию при помощи кнопок, клавиатуры и вы сразу столкнётесь с проблемой отсутствия этих методов. (Или добавите ещё больше плохо поддерживаемого кода)

Что автор вопроса спросил - то и получил.

Он не просил удалять методы, а только чтобы каждый слайдер работал как отдельный экземпляр. Вы предоставили решение, которое трудно поддерживать.

[0xD34F]

Folant, кажется, вы совершенно не понимаете, где находитесь. Если кому-то нужно расширяемое решение, за этим идут в первую очередь на фриланс, а здесь такое можно получить только если у отвечающих будет желание делать чужую работу.

[Folant]

0xD34F, т. е. здесь нужно специально писать плохо поддерживаемый код? Я посмотрел ваш код, вы, по моему, проделали намного больше работы, чтобы запутать код. У автора всё было глобально, я обернул только в определение класса, что позволило различать слайдеры.

[0xD34F]

Folant, да какой хотите код, такой и пишите.

[DenKuzmin17]

0xD34F, жестко Вы тут определяете политику портала :D
Сюда люди приходят в первую очередь за помощью, а не за нравоучениями и тычками в слабые стороны. Не хотите делать чужую работу - не делайте. Зачем вступать в полемику? Кому куда идти сами разберёмся.
В курсе все прекрасно про фриланс. Сюда пишут не за тем, чтобы свалить на кого-то чужую работу, а чтобы самим разобраться и получить развёрнутый ответ от экспертов, а не в "документации всё написано".

Спасибо Вам за то, что Вы делаете в силу своих возможностей.

[0xD34F]

DenKuzmin17, несёте какую-то пьяную околесицу. Какие нравоучения, какое "в документации всё написано"? Где вы это увиде... А-а-а, ясно. Вы и DenKuzmin - это одно лицо. Что же, советую изучить правила, обратив особое внимание на пункты 6.5 и 6.6. Иначе сильно рискуете надолго здесь не задержаться.

"Сюда пишут чтобы самим разобраться" - ха-ха. Обращение за помощью как раз есть признание неспособности или нежелания разбираться самостоятельно.

Ну а с тычками и нравоучениями вам придётся или смириться, или завести привычку читать документацию - там написано хоть и не всё, но много чего интересного и важного. Кто документацию не читает - тот дурак.

[DenKuzmin17]

0xD34F, уважаемый господин начальник шлагбаума, Вы совершенно правы! Мой ник DenKuzmin.
Портал существует, чтобы пользователи могли получить тут ПОМОЩЬ, а не как место где модераторы самоутверждаются.
Видно, что у Вас уйма времени на всякую ерунду кроме дела.

[0xD34F]

DenKuzmin17, также обратите внимание на пункт правил 5.14. Если по сути вопроса сказать нечего - лучше молчите.

[Сергей Горностаев]

Folant, в чём проблема, напишите свой ответ, лучше этого.