Я уже разработал и реализовал слайдер jQuery UI в проекте. Хотя он мобилен и масштабируется должным образом, он не позволяет касатьться и перетаскивать. Вместо этого вам нужно прикоснуться к тому, куда вы хотите, чтобы ползунок двигался. Мобильный пользовательский интерфейс jQuery поддерживает это, но я потратил время на то, что уже существует.
Функциональность, которую мы хотим:
Здесь
Что мы используем: Здесь
На рабочем столе вы не можете сказать разницу. На мобильном устройстве это очевидно.
Кто-нибудь знает, как добавить эту поддержку в jQuery UI?
$("#cameraSlider").slider({
value: 2,
min: 1,
max: 3,
step: 1,
slide: function(event, ui) {
cameramen = ui.value;
return calcTotal();
}
});
Спасибо, Сет
jQuery ui не поддерживает touch. Вы должны использовать его с jQuery-ui touch punch.
Просто добавьте script после jQuery ui:
<script src="/jquery-1.7.2.min.js"></script>
<script src="/jquery-ui.min.js"></script>
<script src="/jquery.ui.touch-punch.min.js"></script>
Вы также можете использовать cdnjs:
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-ui.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3//jquery.ui.touch-punch.min.js"></script>
Примечание: Лучше дать это репо звезда на Github.
Вы можете просто связать этот js.
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3//jquery.ui.touch-punch.min.js"></script>
спасибо.