jQuery手机端触屏滑动刻度尺选择数值代码

在移动设备上，使用jQuery实现一个可触摸的滑动刻度尺，让用户可以方便地选择一个数值。以下是一个基本的示例代码：
首先，定义一些变量来存储初始值和步长。例如，`w0 = 50; w1 = 10.4; w2=52;`分别代表不同刻度尺的宽度和步长。
接着，使用jQuery选择器获取各个数值输入框的初始值，并将其赋给相应的变量（如`n`, `u`, `end`, `start`)。例如：
```javascript
var n =0; //年龄
var u,end,start,g,g2; //其他数值
def heightVal = $("div[data-page='profile1']").find(".row").eq(1).find(".number").attr("initial-value"); //150-140
var widthVal = $("div[data-page='profile1']").find(".row").eq(2).find(".number").attr("initial-value"); //550-300 /2.5 /10保留最后一们小数
```
然后，使用`setTimeout()`函数来延迟执行一个定时器。在这个定时器中，根据当前年龄值（即变量n）计算出对应的刻度尺位置，并将其应用到滑动条上。例如：
```javascript
var mouVal=$("div[data-page='profil']")
$('.ruler .main').eq(0).css({ '-webkit-transform':'translateX(-'+Math.ceil(parseInt(n*w0))+'px)' }).attr('value',Math.ceil(n*w0));
```
最后，根据当前高度值和宽度值计算出对应的刻度尺位置，并将其应用到滑动条上。例如：
```javascript
$('.ruler .main').eq(1).css({ '-webkit-transform':'translateX(-'+parseInt(heightVal*w1)+'px)' }).attr('value',heightVal*w1);
$('.ruler .main').eq(2).css({ '-webkit-transform':'translateX(-'+parseInt(widthVal*w2)+'px)' }).attr('value',widthVal;
```
注意，这只是一个基本的示例代码。在实际应用中，你可能需要根据具体需求进行相应的调整和优化。