Javascript 如何让RangeSlaider.js在移动设备上工作?

Javascript 如何让RangeSlaider.js在移动设备上工作?,javascript,Javascript,我有以下问题,你会看到我有一个网页,我在PC上实现了RangeSlaider插件,它工作正常,但在移动设备上我无法解释自己:在移动设备上,我选择滑块时,我无法使其上升或下降,也无法更改其数量,它只在使用滚动时被修改,但正如您所知,用户在移动设备上移动滚动,因此它无法工作,请检查我在页面上的意思 这是页面的链接: 正如您所见,它在PC上运行良好,但如果他们尝试在移动设备上使用它,滑块将不起作用 你认为那可能是什么?我附加了我使用的js代码,但没有附加css,因为有很多代码是不相关的 我的问题是这个

我有以下问题,你会看到我有一个网页,我在PC上实现了RangeSlaider插件,它工作正常,但在移动设备上我无法解释自己:在移动设备上,我选择滑块时,我无法使其上升或下降,也无法更改其数量,它只在使用滚动时被修改,但正如您所知,用户在移动设备上移动滚动,因此它无法工作,请检查我在页面上的意思

这是页面的链接:

正如您所见,它在PC上运行良好,但如果他们尝试在移动设备上使用它,滑块将不起作用

你认为那可能是什么?我附加了我使用的js代码,但没有附加css,因为有很多代码是不相关的

我的问题是这个插件能在手机上工作吗

var cpu_cur_val='2';
var ram_cur_val='4';
var disk_cur_val='8';
var backup_cur_val='30';
变量ips_cur_val='0';
函数新_范围(包装器){
//以后使用的变量
var rangeWrapper=document.querySelector(“.+wrapper+”\uuuu wrapper”);
var rangeInput=document.querySelector('.+wrapper+'u输入');
var rangeValues=document.querySelector('.+wrapper+'u值');
var rangeValueNumberBottom=document.querySelector(“.+wrapper+”\uuuuu值\uuuu编号--底部”);
var rangeValueTextBottom=document.querySelector(“.+wrapper+”_值__文本--bottom”);
var rangeSliderPaths=document.querySelectorAll(“.+wrapper+”\uuuu slider\uu path”);
var-mouseX=0;
var-mouseY=0;
var mouseiinitialy=0;
var mouseDy=0;
var mouseDyLimit=25;
var mouseDyFactor=3;
var max=parseInt(rangeInput.max);
var rangeMin=parseInt(rangeInput.min);
var rangeMax=parseInt(rangeInput.max);
var rangeValue=parseInt(rangeInput.value);
var rangeHeight=320;
var currentY=范围高度*范围值/最大值;
var rangeMinY=范围高度*范围最小值/最大值;
var rangeMaxY=范围高度*范围最大值/最大值;
var-scaleMax=0.32;
var scale、newPath、newY、newSliderY、lastMouseDy、rangeWrapperLeft、pageX、pageY;
//更新滑块值,最初使用“输入”值
updateValue();
//函数使用给定的'dy'和'ty'值构建滑块'path'
函数构建路径(dy,ty){
返回'm0'+ty+'q'+mouseX+''+dy+'1200l0320l-1200z';
}
//函数更新滑块值
函数updateValue(){
//如果动画仍在运行,请清除动画
动画。移除([rangeValues,RangeSliderPath[0],RangeSliderPath[1]]);
//使用当前的'y'计算'input'值`
rangeValue=parseInt(当前Y*max/rangeHeight);
//计算数字的“刻度”值
比例=(范围值-范围最小值)/(范围最大值-范围最小值)*比例最大值;
//更新“输入”值
rangeInput.value=rangeValue;
//rangeSum.innerText=范围值;
rangeValueNumberBottom.innerText=范围值;
//将javascript值与实际输入值匹配;
rangeInput.setAttribute('value',rangeValue);
交换机(包装器){
违约:
rangeValueNumberBottom.innerText=范围值;
打破
案例“cpu”:
cpu_cur_val=范围值;
打破
“ram”案例:
如果(rangeValueNumberBottom.innerText=='0'){
rangeValueTextBottom.innerText='1494יכרון(MB)';
rangeValueNumberBottom.innerText='500';
}否则{
rangeValueTextBottom.innerText=‘GB’;
}
ram_cur_val=范围值;
打破
案例“磁盘”:
rangeValueNumberBottom.innerText=rangeValue+'0';
磁盘当前值=范围值;
打破
案例“备份”:
如果(rangeValueNumberBottom.innerText=='0'){
rangeValueNumberBottom.innerText='0';
}否则{
rangeValueNumberBottom.innerText=rangeValue+'0';
}
备份当前值=范围值;
打破
案例“ips”:
ips_cur_val=范围值;
打破
}
//一些数学计算
if(Math.abs(mouseDy)rangeMaxY){
newSliderY=newSliderY