Jquery 滑块输入的键盘值有效，但虽然滑块没有取值答案

【问题标题】：Jquery slider entered keyboard value works but though slider its not taking valueJquery 滑块输入的键盘值有效，但虽然滑块没有取值
【发布时间】：2013-08-11 17:54:36
【问题描述】：

下面是我的代码...

    <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 我在值字段中看到它滑块值正在更新不幸的是，如果我按下回车键或鼠标没有任何反应点击.....可能是什么问题？

【问题讨论】：

标签： php javascript jquery jquery-ui-slider

【解决方案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);
});

【讨论】：