如何获得滑块引导的价值?(How to get the value of the slider bo

2019-08-18 11:31发布

如何获得滑块引导的值,以隐藏iputs?

 <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(滑块DIV和滑块DIV中的输入 )超过1个元件,在这个例子$(“#sliderDivId”)。 如果您选择使用jQuery的输入元素,你可以使用滑块API。

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


Answer 4:

在编写这是一个有点片状,但你可以把它工作的时间:

1 /请确保您指定一个空的范围开始“值[0]”。 除非你做它的内在价值领域变得不确定如

$('#setBidDialogSlider').slider({ value: [0], max: max, step: 0.2, formater: function(v) { return v.toFixed(2)+"BTC" } });

2 /现在终于可以赶在事件中的价值

$('#setBidDialogSlider').slider().on('slide', function(ev) {
    $scope.dialog.order_value = ev.value*$scope.dialog.price;
});


Answer 5:

我知道我迟到了,但是这仍然打破,但要解决它开辟bootstrap-sliders.js并注入这三样东西:

第一个函数的末尾: Slider

this.calculateValue();

右前: return val;calculateValue功能

grandVal = val;

$.fn.slider功能:

$.fn.sliderValue = function(){
    return grandVal;
};
var grandVal;

现在,您可以通过访问该值$('#MySliderId').sliderValue()



Answer 6:

你可以使用这个从内置的功能

$( "#slider-range-s1" ).slider({
    range: true,
    min: 0,
    max: 500,
    value: [ 0, 500 ]
    slide: function( event, ui ) {
        // u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    },
    change: function(event, ui) {
        // or u could use this function
        $(".min-slider-value").html( "$" + ui.values[ 0 ]);
        $(".max-slider-value").html( "$" + ui.values[ 1 ]);
    }
});

谢谢你,我想我coud与你们分享这个:d



文章来源: How to get the value of the slider bootstrap?