Чего не хватает для полной работы этого слайдера?

Question

[Адель Халитов]

Привет всем кто смотрит.
Целый день мучаюсь изучая этот вью, я вижу что моя конструкция хочет работать, но компонент разработчика слайдера преобладает над моим watch.
jsfiddle.net

Что можно сделать чтобы оно заработало?

PS: На чистом инпуте делать не вариант, тк там стилей менять много, проще самому на диве реализовать такой слайдер.

Comments

[alex]

Что можно сделать чтобы оно заработало?

сверстать все картинкой с выбранным первым вариантом

[Адель Халитов]

Alex, Но он должен слайдиться.

Answer 1

[0xD34F]

Слишком сложный код в watcher'е. Всё, что тут нужно - это найти ближайшую точку к текущему значению, достаточно считать абсолютные значения разностей, и брать минимальное.

Чтобы ваш код отрабатывал после изменений внутри слайдера, его можно попробовать завернуть в nextTick, и добавить ленивую синхронизацию при drag'n'drop'е.

Должно было быть так?