你的位置:首页 > 软件开发 > Java > jQuery Mobile Slider Widget 使用js控制

jQuery Mobile Slider Widget 使用js控制

发布时间:2016-08-02 19:00:04
jQuery Mobile 滑动条控件 基本用法不用多说了,看这里:http://www.runoob.com/jquerymobile/jquerymobile-form-sliders.html 创建方法还是很简单的,runnoob里面还特地给出了四种不同的滑动条样式 ...

jQuery Mobile 滑动条控件

 

基本用法不用多说了,看这里:

http://www.runoob.com/jquerymobile/jquerymobile-form-sliders.html

 

创建方法还是很简单的,runnoob里面还特地给出了四种不同的滑动条样式。

但是,唯独少了一种效果,就是去除旁边的输入框为 (input 类型为number)。

一开始我用的方法是css修改法:

#slider{display:none;float:left} 

这里的#slider是你创建的Slider Widget 的id。

隐藏完后再设置滑动条 .ui-slider-track 的css。

(主要是修改margin、pading之类的,这个打开chrome,按下F12对着改就好)。

后来发现不用这么麻烦,给它添加个  就能完美隐藏了。

 

还有就是用js代码控制它:

设置value的值

原标题:jQuery Mobile Slider Widget 使用js控制

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。