如何获取滑块引导程序的值？

Question

如何将滑块引导程序的值设置为隐藏的输入？

 <input type="hidden" name="min_value" id="min_value" value="">
 <input type="hidden" name="max_value" id="max_value" value="">

 $(function() {
    $( "#slider-range-s1" ).slider({
        range: true,
        min: 0,
        max: 500,
        value: [ 0, 500 ]
    });
 });

Answer 1

我认为它目前已被打破.

文件说明:

方法

.slider( '的getValue')

获得价值.

然而,调用$('#sliderDivId').slider('getValue')返回jQuery选择器而不是值...

现在你可以手动从数据对象中抓取它... $('#sliderDivId').data('slider').getValue()

Answer 2

快速修复:

$.fn.slider = function (option, val) {

    if (typeof option == 'string') {
        if (this.length) {
            var data = this.eq(0).data('slider');
            if (data)
                return data[option](val);

            return null;
        }
    }

    return this.each(function () {
        var $this = $(this),
            data = $this.data('slider'),
            options = typeof option === 'object' && option;
        if (!data) {
            $this.data('slider', (data = new Slider(this, $.extend({}, $.fn.slider.defaults, options))));
        }
    })
};

Answer 3

问题是，不存在具有相同ID（滑块多于1种元素的div和输入滑块内的div），在该示例$（“＃sliderDivId”）。如果使用 JQuery 选择输入元素，则可以使用滑块 API。

$('input[id="sliderDivId"]').slider('getValue')