javascript - jQuery NoUiSlider 不适用于最大值 10

Question

当我将股票价值设置为 100 时，它会起作用。

此问题的实时副本在这里：http ://mypcdeals.com/product-list.php?c=motherboards#limit=20&p=0

产品搜索左下角的“SATA 3GB/S PORTS”滑块格式不正确，最小值为 0，最大值为 10。

这是应该设置它的代码：

      initPopulateRangeSliders: function () {
        $('.rangefilter').each(function () {
            var id = $(this).attr('id');
            //get the max value for this field 
            $.getJSON("/getSliderMax?f=" + id, function (data) {
                if (data.success)
                {
                    var theMax = data.max;
                    alert('Max should be set to:' + theMax);
                    var theSlider = document.getElementById(id);
                    var settings = {
                        start: 0,
                        behaviour: 'snap',
                        range: {
                            'min': 0,
                            'max': theMax
                        }
                    }
                    noUiSlider.create(theSlider, settings);
                }
            });
        });

如果您加载页面，您将看到警报框显示最大值，但我收到以下错误：

未捕获的错误：noUiSlider：“范围”包含无效值。

为什么？

Answer 1

initPopulateRangeSliders: function () {
    $('.rangefilter').each(function () {
        var id = $(this).attr('id');
        //get the max value for this field 
        $.getJSON("/getSliderMax?f=" + id, function (data) {
            if (data.success)
            {
                var theMax = data.max;
                alert('Max should be set to:' + theMax);
                var theSlider = document.getElementById(id);
                var settings = {
                    start: 0,
                    behaviour: 'snap',
                    range: {
                        'min': 0,
                        'max': parseInt(theMax)
                    }
                }
                noUiSlider.create(theSlider, settings);
            }
        });
    });

Answer 2

有同样的问题。原因是在初始最小值或最大值为值的输入中带有“1 234”之类的空格。请格式化初始数据。