Как вставить сенсорные события в круговой слайдер html5?
Код отлично работает с использованием событий мыши, но при переключении на сенсорное событие или событие vmouse он перестает работать.
Вот ссылка для кода события мыши [ https://jsfiddle.net/tk2zd47e/2/ ]
я пробовал vmousemove/vmouseup/vmousedown
, touchstart/touchend/touchmove
а также e.preventDefault()
,
1 ответ
На самом деле вы пытаетесь создать свой собственный круговой слайдер, что довольно хорошо.
В качестве альтернативы вы можете использовать плагин jQuery roundSlider, который больше подходит для ваших требований. Он также поддерживает настольные, мобильные и сенсорные устройства.
Это очень гибкий и очень простой в настройке, так что вы можете сделать любой внешний вид по вашему желанию.
Здесь я делаю демо точно так же, как ваше требование: jsFiddle
Для более подробной информации посетите страницу с демонстрациями и документацией.
Снимок экрана с выводом: