mwbr.net
当前位置:首页 >> 为什么jquEryui中的sliDEr组件在手机上没法滑动 >>

为什么jquEryui中的sliDEr组件在手机上没法滑动

因为slider是点击事件产生的滑动效果,不是滑动事件产生的滑动效果,所以手机上没法滑动。

2张图说明,不懂可以追问:)

var value = $('#slider-range').slider('option', 'value'); 并没有使用过这个jquery-ui的插件,不过看了下官方文档,获取使用上面这句代码,你试试看。

有很多 你去jquery官网看一下,这些jquery都已经做好了 你直接调用就可以

我是2个表单滑动:比如从:1-10的小数滑动(1.1,1.2...9.8,9.9,10)$( "#slider-rangec" ).slider({ range: true, min: 10, max: 100, values: [10, 100 ], //这里范围设置10倍 slide: function( event, ui ) { $( "#input_1" ).val(ui.values[...

一个轻量级的,高度可定制的范围滑块noUiSlider。支持谷歌Chrome,火狐,歌剧,Safari浏览器和Internet Explorer7至10。它也支持触摸功能的设备,如iPhone,iPad和Windows8和Android的设备。

在这里 调整你要的样式 http://jqueryui.com/themeroller/ 然后下载到本地 覆盖原有的css

jQuery UI 官方插件中有个 Slider。 你可以自定义 最大值,最小值,滑动时的事件,停止时的事件等等、、、 http://jqueryui.com/slider/#range 右侧例子中有个 Range Slider,应该就是你想要的。

//具体可参考官网文档 https://github.com/simeydotme/jQuery-ui-Slider-Pips $('.element').slider({ min: 20, max: 65, values: [30, 40, 50] }); // Then you can give it pips and labels! $('.element').slider('pips', { first: 'label', ...

Dependencies 依赖项(这个在http://jqueryui.com/demos/slider/上有的)UI Core ==== jquery.min.js +jquery.ui.core.jsUI Widget ==== jquery.ui.widget.js UI Mouse ==== jquery.ui.mouse.js最后jquery.ui.slider.js 补充:jQuery是一套跨浏...

网站首页 | 网站地图
All rights reserved Powered by www.mwbr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com