rangeslider.js 为范围设置默认最小值，最大值答案

【问题标题】：rangeslider.js set default min, max for rangerangeslider.js 为范围设置默认最小值，最大值
【发布时间】：2019-10-02 14:49:04
【问题描述】：

我正在使用模板，rangeslider 初始化如下所示：

$(".range-slider-ui").each(function () {
        var minRangeValue = $(this).attr('data-min');
        var maxRangeValue = $(this).attr('data-max');
        var currMin = $(this).attr('data-curr-min');
        var currMax = $(this).attr('data-curr-max');
        var minName = $(this).attr('data-min-name');
        var maxName = $(this).attr('data-max-name');
        var unit = $(this).attr('data-unit');

        $(this).append("" +
            "<span class='min-value'></span> " +
            "<span class='max-value'></span>" +
            "<input class='current-min' type='hidden' name='"+minName+"'>" +
            "<input class='current-max' type='hidden' name='"+maxName+"'>"
        );
        $(this).slider({
            range: true,
            min: minRangeValue,
            max: maxRangeValue,
            step: 100,
            values: [minRangeValue, maxRangeValue],
            slide: function (event, ui) {
                event = event;
                var currentMin = parseInt(ui.values[0]);
                var currentMax = parseFloat(ui.values[1]);
                $(this).children(".min-value").text( currentMin + " " + unit);
                $(this).children(".max-value").text(currentMax + " " + unit);
                $(this).children(".current-min").val(currentMin);
                $(this).children(".current-max").val(currentMax);
            }
        });

        var currentMin = parseInt($(this).slider("values", 0));
        var currentMax = parseFloat($(this).slider("values", 1));
        $(this).children(".min-value").text( currentMin + " " + unit);
        $(this).children(".max-value").text(currentMax + " " + unit);
        $(this).children(".current-min").val(currentMin);
        $(this).children(".current-max").val(currentMax);

    });

我唯一添加的是

var currMin = $(this).attr('data-curr-min');
var currMax = $(this).attr('data-curr-max');

我正在从服务器传递当前的最小和最大设置。这些属性具有正确的值。我要做的就是设置默认的最小值和最大值。我试着简单地设置

values: [currMin, currMax]

但这会导致问题。必须有一种简单的方法来做到这一点，但我尝试过的一切都行不通。任何建议表示赞赏。

【问题讨论】：

标签： jquery rangeslider

【解决方案1】：

尝试 .html() 而不是 .val()

$(this).children(".current-min").html(currentMin);

【讨论】：

【解决方案2】：

我后来确定这是一个缓存问题。我最初发布的代码确实有效。

【讨论】：