关于JQueryMobile中Slider的一点研究
滑动条 Slider<div data-role="fieldcontain"><label for="slider">Input slider:</label> <input type="range" name="slider" id="slider" value="0" min="0" max="100" /></div>?<div data-role="fieldcontain"><label for="slider">Slider3:</label><input id="kk" type="number" data-type="range" max="100" min="0" value="0" name="slider"><div role="application"><a href="#" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="34" aria-valuetext="34" title="34" aria-labelledby="kk-label" style="left: 34%;"><span name="code"><!-- slider 1 --><div value="30,60" max="100" min="10"></div> </div> ?脚本如下： $(function(){ $(".range-slide").each(function() { var $this = $(this); $(".slide", $this).slider({ values: [30, 60], min: 0, max: 100, range: true, slide: function(event, ui) { $("span.amount", $this).html("" + ui.values[0] + " - " + ui.values[1]); } }); }); });?<!-- 编码式编订 --><div id="slider_range" > </div>?js脚本如下： $(function(){ //编码式实现相关的限制 $("#slider_range").slider({ range: 'min', min: 0, max: 40, value: 1, step: 10, slide : function(event, ui){ alert("previous value:"+ $(this).val()); }, stop: function(event, ui){ alert("Current value:"+ $(this).val()); } }); //$("#kk").hide(); });?