Question

我尝试将滑块值发送到ajax函数，但我只需要最后的值。

$(".range-input").simpleSlider({
    range: [1, 100],
    value: 80,
    step: 1
}).bind("slider:changed", function (event, data) {
    var sliderValue = data.value.toFixed(0);
    $(this).parent().click(function (event) {
        console.log('value: ' + sliderValue);
    });
});

我明白了......

值：1
价值：2
价值：3
价值：5

等

如何在我的ajax函数上获取最后一个值？

谢谢。

Answer 1

尝试debouncing更改后的值，下划线库有一个很好的去抖方法，您可以使用该方法创建原始函数的包装和去抖动版本...

http://underscorejs.org/#debounce

您的代码将看起来像这样

var frequencyOfTrigger = 300;

var sliderChanged = _.debounce(function(event, data) {
    var sliderValue = data.value.toFixed(0);
    $(this).parent().click(function (event) {
        console.log('value: ' + sliderValue);
    });
}, frequencyOfTrigger);

$(".range-input").simpleSlider({
    range: [1, 100],
    value: 80,
    step: 1
}).bind("slider:changed", sliderChanged);

SimpleSlider，支持最后一个滑块值回调

1 个答案: