jQuery工具:Rangeinput在输入更改时获取值 [英] Jquery tools: Rangeinput get value on input change

问题描述

我使用 jQuery工具rangeinput .

例如我有:

  <input id="testId" title="test" class="range" type="range" name="test" min="0" max="3000" value="15" />

和脚本:

$(".range").rangeinput();

        $("#testId").live('change', function() { 
            console.log($(this).data("rangeinput").getValue());    
        });

因此，默认情况下，我的值​​为15.然后我输入25，但是在控制台中的结果是15，而不是20，但结果是25.我在做什么错了?

So by default my value is 15. Then I type in my input 25, but result in console is 15, than I type 20, but result is 25. What am I doing wrong?

谢谢！

推荐答案

以这种方式尝试.发生的情况是，在调用getValue之前未设置更改的值.呼叫0的setTimeout将解决此问题.

Try it this way instead. What's happening is the changed value isn't set before you call getValue. Calling setTimeout of 0 will fix that.

$(".range").rangeinput();

$(".range").live('change', function(){
    var $range = $(this);
    setTimeout(function(){
        console.log($range.data('rangeinput').getValue());
    }, 0);
});

这篇关于jQuery工具:Rangeinput在输入更改时获取值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！