日期:2014-05-16  浏览次数:20359 次

jquery slider游标取值问题.
我把input设置为只读,这个是没有焦点的,change的提示是需要焦点才能触发,我现在是想把它改成有变化就提示.
请高手指教..
原代码地址:http://jqueryui.com/demos/slider/rangemin.html
代码如下:
JScript code

<script>
        $(function () {
            $("#slider-range-min").slider({
                range:"min",
                value:1850,
                min:1850,
                max:1950,
                step:10,
                slide:function (event, ui) {
                    $("#amount").val(ui.value);
                }
            });
            $("#amount").val($("#slider-range-min").slider("value"));
            $("#amount").bind('change',function(){
                alert($("#amount").val());
            })
        });
    </script>


HTML code

<div style="width:350px;">
<div id="slider-range-min" style="width:300px;float:left"></div>
<div style="float:right"><input type="text" id="amount" style="float:right;border:0; width:30px; height:14px; color:#f6931f; font-weight:bold;" readonly/></div>
</div>




------解决方案--------------------
http://www.cnblogs.com/yond/archive/2011/05/31/2063027.html
------解决方案--------------------
$(function () {
$("#slider-range-min").slider({
range:"min",
value:1850,
min:1850,
max:1950,
step:10,
slide:function (event, ui) {
if($("#amount").val() != ui.value){
console.log( $("#amount").val() )
}
$("#amount").val(ui.value);
}
});
$("#amount").val($("#slider-range-min").slider("value"));
});

这样呢?