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

Question

我通过 jquery UI 滑块输入了具有动态更改值的文本。如何 $("#scope_input")通过jquery获取价值？.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);
    }
});

Answer 1

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

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

Answer 2

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

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

Answer 3

你试过了吗

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