读书人

jquery slider游标取值有关问题

发布时间: 2012-04-15 18:39:21 作者: rapoo

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"));
});

这样呢?

读书人网 >JavaScript

热点推荐