如何修复jQuery中滑块的手动输入

时间:2019-02-06 07:00:49

标签: javascript jquery

我已经设置了滑块的最小值和最大值范围。但是尝试从用户那里获取输入框范围的最小值和最大值的输入。 当页面加载时,它设置范围的默认值,该默认值是由程序计算的,但是当用户输入值时,它应该更改滑块范围的值。

我尝试过的是keyup函数,但是没有得到想要的结果。它没有改变范围

    var minValue = $("#minHeightValue").val();
    var maxValue = $("#maxHeightValue").val();
    console.log("value "+ minValue+" value "+ maxValue);
    if(minValue== "" && maxValue == "")
    {

        $("#heightSlider").data("ionRangeSlider")
        .update({type:"double",hide_min_max:true,step:0.1,prettify:false,min:bMin,max:bMax,to:vMax,from:vMin,disable:false,
        onChange: function (num) {

            viewer.setHeightRange(num.from, num.to);

             var valObj = {min: bMin, max: bMax}
            myData.mySettings['heightColorRange'] = valObj;
        }
        });

    else if(minValue!= null || maxValue != null){
            var minValue = $("#minHeightValue").val();
            var maxValue = $("#maxHeightValue").val();

    $("#heightSlider").data("ionRangeSlider")
        .update({type:"double",hide_min_max:true,step:0.1,prettify:false,min:minValue,max:maxValue,to:vMax,from:vMin,disable:false,
        keyup: function (num) {

            viewer.setHeightRange(minValue, maxValue);
            var valObj = {min: minValue, max: maxValue}

            myData.mySettings['heightColorRange'] = valObj;
        }
    });
    }

我想在页面加载后通过用户输入手动设置范围。

0 个答案:

没有答案