Question

以下是我的代码......

    <script>
    $(function() {
     $( "#slider" ).slider({
            value:10,
            min: 1,
            max: 400,
            step: 1,
            slide: function( event, ui ) {
                               //Its setting the slider value to the element with id "amount"
                $( "#border_me" ).val( ui.value );
            }
        });
    });
    </script>

和我的HTML代码..

<input id='border_me' class='border_width' value='66' />

我使用上面的滑块显示来自服务器页面的一些数据......好if i enter value using keyboard and hit enter or mouse click它工作正常但its not taking the value from slider我在值字段中看到它滑块值正在更新，不幸的是，如果我没有任何反应按输入或鼠标点击.....可能是什么问题？

Answer 1

您正在更改输入中的值，但实际上并未应用该值。您需要监听输入中的值更改然后应用它。

jsFiddle

<强> HTML

<input id='border_me' class='border_width' value='66' />
<div id="slider"></div>

<强>的JavaScript

$("#slider").slider({
    value: 10,
    min: 1,
    max: 400,
    step: 1,
    slide: function (event, ui) {
        //Its setting the slider value to the element with id "amount"
        $("#border_me").val(ui.value);
    }
});

$("#border_me").on('change', function () {
    $("#slider").slider("value", this.value);
});

Jquery滑块输入的键盘值有效但滑块却没有取值

1 个答案: