Исправить скрипт рассчитанный на работу с одним элементом на несколько?

Question

[Чёкатилло]

Точнее не на несколько, а на бесконечное кол-во

Скрипт позволяет передвигать по горизонтали объект при его удержании, но блин только с одним элементом на странице, а их у меня много:

https://jsfiddle.net/guvbc4fj/

Спасибо!

Answer 1

[hufawoso]

https://jsfiddle.net/guvbc4fj/5/

Comments

[Чёкатилло]

Спасибо А вы можете скорректировать скрипт что бы блоки которые двигаются двигались с ограничениями слева и справа Что б далеко не утянуть Эффект типа как в планшетах/смартфонах Когда оттягиваешь объект до конца, он тянется, но дальше ничего нет, отпускаешь объект и он встает на крайнюю точку..Я вопрос создам ответите?

[Чёкатилло]

Ток пока хз как вопрос назвать )

[hufawoso]

Дмитрий: https://jsfiddle.net/guvbc4fj/7/

[Чёкатилло]

hufawoso: Спасибо Но наверное посложнее будет Поэтому новый вопрос и хотел задать
Это так же как в Тумблере

В превью блоках хэштэги так реагируют:

[Чёкатилло]

Дело в то что именно так же и у меня устроены теги в превью Мне не обязательно с эффектами "резинки" Просто что бы хотяб останавливался список тегов слева и справа

[Чёкатилло]

подготовил вопрос Присоединяйтесь ))
Нужна помощь завершения скрипта, который заставляет двигать объект по горизонтали при удержании его?

Answer 2

[Mr Crabbz]

Разберитесь для чего нужны class, а для чего id.

https://jsfiddle.net/dgs2amme/

Answer 3

[Виталий]

ID - уникальный на всё страницу. Класс можно использовать сколько душе угодно. У вас был выбор элемент по ID, следовательно JQ ищет первый ID сверху вниз и двигает только. Поэтому, если заменить это все дело на класс, как написано выше, методом draggable будут обрабатываться все элементы с указанным классом.