jQuery UI滑块和文本框值双向更新

我正在尝试实现jqueryslider，它似乎进展顺利，但是，我不是一个javascript专家，因此我正在努力完成下一步

我有一个滑块和一个可见的文本框。我想做的是从滑块更新文本框，如果值直接输入到文本框中，则更新滑块值

$(".amount-slider").slider({
    min: 100,
    max: 1000,
    step: 1,
    value: 300,
    animate: true,
    slide: function (event, ui) {

        $(this).next(".amount-value").val(ui.value);
    },
    create: function (event, ui) {
    }
});

---

有什么想法吗？

将事件处理程序附加到文本框，并在更改时更新滑块

$(".amount-slider").slider({
    min: 100,
    max: 1000,
    step: 1,
    value: 300,
    animate: true,
    slide: function (event, ui) {
        $(this).next(".amount-value").val(ui.value);
    },
    create: function (event, ui) {
        $(this).next(".amount-value").val(300);
    }
});

$(".amount-value").on('change', function() {
    $(this).prev('.amount-slider').slider('value', this.value );
});

---

您能显示您的html吗？另外，

alert（ui.value）的结果是什么和
警报（$（this.prop（'class'））？