Question

我想用两个文本框中的值更新jquery ui range滑块。

var minVal = $(this).find('.minTextBox').val();                  
var minVal2 = parseInt(minVal);
var maxVal = $(this).find('.maxTextBox').val();
var maxVal2 = parseInt(maxVal);
var myvalues = [minVal2, maxVal2];

var mySliderId = $(this).find('.RangeSlider').attr('id');

$( "#" + mySliderId).slider({
    range: true,
    values: myvalues,
    slide: function( event, ui ) {
        var idx = $(this).attr("id");
        x = idx.substr(idx.length-2);
        $( "#ctl00_ContentPlaceHolder1_Min"  + x ).val(ui.values[0]);
        $( "#ctl00_ContentPlaceHolder1_Max"  + x ).val(ui.values[1]);
    }
});

我正在尝试将myvalues数组传递给滑块以覆盖旧值。

无论我尝试什么，我都无法让它发挥作用。我已经查看了关于SO和文档的各种其他问题，但我无法接近。

我是否在这条线上？

任何帮助将不胜感激。

Answer 1

您无需再次初始化。执行以下行来修改范围值。

$( "#" + mySliderId).slider( "option", "values", myvalues );

更新jquery ui范围滑块值

1 个答案: