如何使jQuery range滑块对触摸友好?
我将此插件用于我的网站: 右侧的范围滑块(按价格过滤、摄像头等)在基于鼠标的系统上运行良好,但在iPhone、iPad、Androids等触摸设备上使用却很糟糕。。。你不能用手拖动它如何使jQuery range滑块对触摸友好?,jquery,jquery-ui,touch,jquery-ui-slider,Jquery,Jquery Ui,Touch,Jquery Ui Slider,我将此插件用于我的网站: 右侧的范围滑块(按价格过滤、摄像头等)在基于鼠标的系统上运行良好,但在iPhone、iPad、Androids等触摸设备上使用却很糟糕。。。你不能用手拖动它 如何使此插件在触摸设备中工作?您可以使用jquery range slider在触摸设备中使用 使用Touch Punch与1、2一样简单……只需遵循以下简单步骤: 在页面上包括jQuery和jQuery UI <script src="http://code.jquery.com/jquery-1.7.
如何使此插件在触摸设备中工作?您可以使用jquery range slider在触摸设备中使用 使用Touch Punch与1、2一样简单……只需遵循以下简单步骤:
- 在页面上包括jQuery和jQuery UI
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>
- 在jQueryUI之后和首次使用之前包括touchpunch
<script src="jquery.ui.touch-punch.min.js"></script>
要启用触摸操作,您需要包括jQuery Touch punch js
To Enable Touch action you include jQuery touch punch js
Include jQuery and jQuery UI on your page.
<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>
在页面上包括jQuery和jQuery UI。
如果您对它感到满意,您可以自己绑定touchstart
、touchmove
和touchend
事件。他可能不是,所以如果您使用jquery和jquery ui(在使用WSYWIG编辑器构建的网站上非常常见),这里有一个公共库可以为您执行此操作: