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);
});