如何通过 jquery UI 滑块从具有动态更改值的输入中获取值？答案

【问题标题】：How to get value from input with dynamically changed value by jquery UI slider?如何通过 jquery UI 滑块从具有动态更改值的输入中获取值？
【发布时间】：2012-10-08 12:00:58
【问题描述】：

我通过 jquery UI 滑块输入了具有动态更改值的文本。如何通过 jquery 从$("#scope_input") 获取价值？ .change 事件只能通过键盘上的手动按键起作用，滑动时没有任何价值：

$("#scope_input").change(function() {
    console.log($(this).val());
});

$("#scope_slider").slider({
    range: "min",
    min: 1,
    max: 100,
    value: 10,
    slide: function(event, ui) {
    $("#scope_input").val(ui.value);
    }
});

【问题讨论】：

链接到滑块的代码在哪里？？

标签： javascript jquery jquery-ui-slider

【解决方案1】：

您需要手动触发更改事件：

$("#scope_input").val(ui.value).change();

【讨论】：

【解决方案2】：

当您在幻灯片事件中更新字段时，触发输入的更改

$("#scope_slider").slider({
    range: "min",
    min: 1,
    max: 100,
    value: 10,
    slide: function(event, ui) {
    $("#scope_input").val(ui.value).change();
    }
});

【讨论】：

【解决方案3】：

你试过了吗

$("#scope_slider").bind("slidechange", function(event, ui) {
    $("#scope_input").val(ui.value);
});

【讨论】：