我已经设置了滑块的最小值和最大值范围。但是尝试从用户那里获取输入框范围的最小值和最大值的输入。 当页面加载时,它设置范围的默认值,该默认值是由程序计算的,但是当用户输入值时,它应该更改滑块范围的值。
我尝试过的是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;
}
});
}
我想在页面加载后通过用户输入手动设置范围。