带有缩放标尺的响应jQuery滑块，起点和终点将动态更改

我想在Jquery滑块下面添加一个标尺，其中起点和终点应该是可变的，并且滑块应该指向标尺的确切数字，每个数字/点之间的除法应该在标尺中具有相等的空间

在本例中，起点为73，终点为91，我们还可以更改起点和终点

基于最小值和最大值，我创建了缩放标尺（数字），但它与Jquery滑块不匹配

$（函数（）{
$（“#滑块”）.slider（）；
createSlider（）；
函数createSlider（）{
$（“#标尺”）.html（“”）；
让sliderHtml=“”；
让我；
设min=lft=0；
设max=30；
对于（i=min；i这里最大的问题是你的
i
，因为在你的例子中是一个从0到30的数字。你要将这个数字转换成一个百分比（即从0%到30%），你需要一个表达式将它从0%转换成100%

因此，解决方案可以是使用如下表达式：

perCent*(100/(max-min))

其中，百分比是从0到最大值的数字（即
max-min
number）

好吧，也许看起来很复杂，但我希望代码变得更容易理解

我试着使用你的代码，只做了很少的改动，以帮助你理解发生了什么

除此之外，我还向jquery滑块添加了最小和最大选项。
在我的代码中，我重新创建了您的jpg示例。
（我对你的CSS做了一点修改，只是为了让它更精确，但这只是我的意见，你也可以用你的）


$（函数（）{
设min=73
设max=91；
$（“#滑块”）.滑块({
敏:敏,，
马克斯：马克斯
});
createSlider（）；
函数createSlider（）{
$（“#标尺”）.html（“”）；
让sliderHtml=“”；
百分比=0；
对于（i=min；i这里最大的问题是你的
i
，因为在你的例子中是一个从0到30的数字。你要将这个数字转换成一个百分比（即从0%到30%），你需要一个表达式将它从0%转换成100%

因此，解决方案可以是使用如下表达式：

perCent*(100/(max-min))

其中，百分比是从0到最大值的数字（即
max-min
number）

好吧，也许看起来很复杂，但我希望代码变得更容易理解

我试着使用你的代码，只做了很少的改动，以帮助你理解发生了什么

除此之外，我还向jquery滑块添加了最小和最大选项。
在我的代码中，我重新创建了您的jpg示例。
（我对你的CSS做了一点修改，只是为了让它更精确，但这只是我的意见，你也可以用你的）


$（函数（）{
设min=73
设max=91；
$（“#滑块”）.滑块({
敏:敏,，
马克斯：马克斯
});
createSlider（）；
函数createSlider（）{
$（“#标尺”）.html（“”）；
让sliderHtml=“”；
百分比=0；
for（i=min；i