Question

我正在尝试学习如何使用jQuery滑块。我无法从更改/幻灯片上的滑块获取值。我如何获得价值？

$(function() {
    $('.slider').slider({
        value: 0,
        min: 0,
        max: 100,
        step: 1,
        change: function() {
            UpdateVal(this);
        }
    });
});

function UpdateVal(bar) {
    //This returns an object
    var selection = $('.ampSli').slider('value');
    alert(selection);

    //This returns 'undefined'
    alert(bar.value);
}

Answer 1

而不是change使用幻灯片

 $(function() {
        $('.slider').slider({
            value: 0,
            min: 0,
            max: 100,
            step: 1,
            slide: function(event, ui) {
                UpdateVal(ui);
            }
        });

    function UpdateVal(bar) {

        var selection = $('.ampSli').slider('value');
        alert(selection);

        alert(bar.value);
    }
 });

Fiddle

Answer 2

在UpdateVal中传递ui对象：

    change: function (event, ui) {
        UpdateVal(ui);
    }

演示：http://jsfiddle.net/lotusgodkk/GCu2D/723/

jQuery Slider值未定义

2 个答案: