基本用法不用多说了，看这里：
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对着改就好）。
后来发现不用这么麻烦，给它添加个 class="ui-hidden-accessible" 就能完美隐藏了。
还有就是用js代码控制它：
设置value的值
$("#slider").val(80).slider("refresh");
设置Min、Max的值
$("#slider").prop("min", 1).slider("refresh");
$("#slider").prop("max", 100).slider("refresh");
监听改变:
$(document).ready(function(){
$( "#slider" ).on( ‘slidestop‘, function( event ) {
var slider_value = $("#slider").val();
alert (slider_value);
});
});
jQuery Mobile Slider Widget 使用js控制
原文：http://www.cnblogs.com/edit/p/5730351.html