Javascript 范围滑块不适用于internet Explorer，但适用于其他浏览器

我的范围滑块在internet explore 11上不起作用，除了所有其他浏览器都100%支持此插件，而且工作正常

$（函数（）{
$（“.slider”）.RangeSloider（）；
});
$.fn.RangeSlaider=函数（选项）{
var obj=这个；
var defautValue=对象属性（“值”）；
对象包装（“”）；
“0”之后的对象；
obj.attr（“oninput”、“updateSlider（this）”）；
更新滑动器（此）；
返回obj；
};
函数updateSlider（passObj）{
var obj=$（passObj）；
var值=obj.val（）；
var min=对象属性（“min”）；
var max=对象属性（“max”）；
变量范围=数学整定（最大-最小）；
风险值百分比=数学四舍五入（（最小值）*100/范围）；
var nextObj=obj.next（）；
nextObj.find（“span.bar btn”）.css（“左”，百分比+“%”）；
nextObj.find（“span.bar>span”）.css（“宽度”，百分比+“%”）；
nextObj.find（“span.bar-btn>span”）.text（百分比）；
};
。范围滑块{
利润率：30px0；
显示：内联块；
宽度：100%；
框大小：边框框；
位置：相对位置；
}
.范围滑块>输入{
不透明度：0；
宽度：100%；
位置：相对位置；
z指数：5；
-webkit外观：无；
}
.范围滑块>输入：-webkit滑块拇指{
-webkit外观：无；
z指数：100；
位置：相对位置；
宽度：50px；
高度：30px；
-webkit边界半径：10px；
}
.range滑块>span.slider-container{
//最小高度：110px；
显示：内联块；
位置：绝对位置；
顶部：0px；
左：-8px；
右：46px；
z指数：3；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.range滑块>span.滑块容器>span.bar{
背景色：#E5；
显示：内联块；
位置：绝对位置；
z指数：1；
顶部：17px；
左：0；
右：0；
高度：3倍；
溢出：隐藏；
边界半径：10px；
}
.范围滑块>范围滑块容器>范围栏>范围{
背景#d7302d；
背景：-webkit渐变（左上，右下，颜色停止（0，#d7302d），颜色停止（100%，#e82573））；
背景：线性梯度（135度，#D7300，#e82573 100%）；
显示：内联块；
浮动：左；
高度：3倍；
宽度：0%；
}
.范围滑块>span.滑块容器>span.bar-btn{
位置：绝对位置；
文本对齐：居中；
排名：0；
颜色：#fff；
字体：600 16px“Roboto Condensed”，无衬线；
z指数：1；
文本对齐：居中；
宽度：38px；
高度：38px；
线高：38px；
}
.范围滑块>范围滑块容器>范围栏btn:之后{
内容：“；
背景色：#cc202e；
边界半径：20px；
宽度：38px；
高度：38px；
显示：内联块；
位置：绝对位置；
左：0；
排名：0；
z指数：-1；
-网络工具包盒阴影：0 4px#cc202e；
长方体阴影：0 0 4px rgba（204,32,46,0.2）
}

请选择
看起来您需要使用jquery
onchange
来更新和触发滑块对象的
updateSlider（）
函数，尽管在IE 11中它有点不稳定，但它开始更新，在IE中，您可以进一步改进，请参见下面的代码


$（函数（）{
$（“.slider”）.RangeSloider（）；
});
$.fn.RangeSlaider=函数（选项）{
var obj=这个；
var defautValue=对象属性（“值”）；
对象包装（“”）；
“0”之后的对象；
$（obj）.on（“更改”，函数（）{
updateSlider（此）
});
返回obj；
};
函数updateSlider（passObj）{
var obj=$（passObj）；
var值=obj.val（）；
var min=对象属性（“min”）；
var max=对象属性（“max”）；
变量范围=数学整定（最大-最小）；
风险值百分比=数学四舍五入（（最小值）*100/范围）；
var nextObj=obj.next（）；
nextObj.find（“span.bar btn”）.css（“左”，百分比+“%”）；
nextObj.find（“span.bar>span”）.css（“宽度”，百分比+“%”）；
nextObj.find（“span.bar-btn>span”）.text（百分比）；
};
。范围滑块{
利润率：30px0；
显示：内联块；
宽度：100%；
框大小：边框框；
位置：相对位置；
}
.范围滑块>输入{
不透明度：0；
宽度：100%；
位置：相对位置；
z指数：5；
-webkit外观：无；
}
.范围滑块>输入：-webkit滑块拇指{
-webkit外观：无；
z指数：100；
位置：相对位置；
宽度：50px；
高度：30px；
-webkit边界半径：10px；
}
.range滑块>span.slider-container{
//最小高度：110px；
显示：内联块；
位置：绝对位置；
顶部：0px；
左：-8px；
右：46px；
z指数：3；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.range滑块>span.滑块容器>span.bar{
背景色：#E5；
显示：内联块；
位置：绝对位置；
z指数：1；
顶部：17px；
左：0；
右：0；
高度：3倍；
溢出：隐藏；
边界半径：10px；
}
.范围滑块>范围滑块容器>范围栏>范围{
背景#d7302d；
背景：-webkit渐变（左上，右下，颜色停止（0，#d7302d），颜色停止（100%，#e82573））；
背景：线性梯度（135度，#D7300，#e82573 100%）；
显示：内联块；
浮动：左；
高度：3倍；
宽度：0%；
}
.范围滑块>span.滑块容器>span.bar-btn{
位置：绝对位置；
文本对齐：居中；
排名：0；
颜色：#fff；
字体：600 16px“Roboto Condensed”，无衬线；
z指数：1；
文本对齐：居中；
宽度：38px；
高度：38px；
线高：38px；
}
.范围滑块>范围滑块容器>范围栏btn:之后{
内容：“；
背景色：#cc202e；
边界半径：20px；
宽度：38px；
高度：38px；
显示：内联块；
位置：绝对位置；
左：0；
排名：0；
z指数：-1；
-网络工具包盒阴影：0 4px#cc202e；
长方体阴影：0 0 4px rgba（204,32,46,0.2）
}

请选择
看起来您需要使用jquery
onchange
来更新和触发滑块对象的
updateSlider（）
函数，尽管IE 11中的函数有点不稳定，但它开始更新i
 $(this).on("change input", function() {
   updateSlider(this);
 });

$(function() {
  $(".slider").rangeslider();
});
$.fn.rangeslider = function(options) {
  var obj = this;
  var defautValue = obj.attr("value");
  obj.wrap("<span class='range-slider'></span>");
  obj.after("<span class='slider-container'><span class='bar'><span></span></span><span class='bar-btn'><span>0</span></span></span>");
  $(obj).on("change", function() {
    updateSlider(this)
  });
  return obj;
};