Javascript 基于第一个滑块设置JQuery UI的第二个滑块值

我有两个滑块。我正在尝试根据第一个滑块的更改更改第二个滑块的值。我不确定是否应该使用if条件。我想实现一组值。例如，如果第一个滑块值为

$6000.00、$6500.00、$7000.00、$7500.00、$8000.00、$8500.00、$9000.00、$9500.00、$10000.00

第二个滑块值是-

$411000.00、$416500.00、$421000.00、$426500.00、$431000.00、$436000.00、$441000.00、$446000.00、$450500.00

如果选择第一个滑块范围或将其设置为$6000.00，则第二个滑块应更改为$411000.00；如果第一个滑块设置为$6500.00，则第二个滑块应设置为$416500.00，同样

我正在尝试的代码是-

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
 <script>
   $(function() {
    $("#slider1").slider({
    value: 6000,
    min: 6000,
    max: 20000,
    step: 500,
   slide: function(event, ui) {
     $("#slider1-value").val(ui.value);
     $("#slider2").slider("option", "max", ui.value * 1.5);
     var max = $("#slider2").slider("option", "max");
     $("#slider2-max").val(max);
   }
   });
   
   $("#slider2").slider({
   value: 411000,
   min: 411000,
   max: 544000,
   slide: function(event, ui) {
     $("#slider2-value").val(ui.value);
   }
   });
   
     $("#slider1-value").val($('#slider1').slider('value'));
     $("#slider2-value").val($('#slider2').slider('value'));
   });
</script>

<div class="sliders-div">
   <label for="deposit-amount">Deposit Amount:</label>
   <input type="text" id="slider1-value" readonly>
   <div id="slider1"></div>
   <label for="package-price">Package Price:</label>
   <input type="text" id="slider2-max" readonly>
   <div id="slider2"></div>
</div>

$（函数（）{
$（“#滑块1”）.滑块({
价值：6000，
最低：6000，
最高：20000，
步骤：500，
幻灯片：功能（事件、用户界面）{
$（“#滑块1值”）.val（ui.value）；
$（“#slider2”）.slider（“选项”，“最大”，ui.value*1.5）；
var max=$（“#滑块2”）。滑块（“选项”，“最大”）；
$（“#滑块2最大值”）.val（最大值）；
}
});
$（“#滑块2”）.滑块({
价值：411000，
最低：411000，
最高：544000，
幻灯片：功能（事件、用户界面）{
$（“#滑块2值”）.val（ui.value）；
}
});
$（“#slider1 value”）.val（$（“#slider1”）.slider（'value'）；
$（“#slider2 value”）.val（$（“#slider2”）.slider（'value'）；
});
存款金额：
套餐价格：

---

非常感谢您的帮助。

您正在设置选项中的最大值和滑块的值，但滑块2的最小值保持不变，为411000，高于您的最大值

下面的代码段是一个工作示例，但是使用滑块1值*1.5的计算不等于要为滑块2设置的最大值。因此，我建议您修改计算，并确保在更改选项时，滑块的最小值和最大值是合理的

$（函数（）{
$（“#滑块1”）.滑块({
价值：6000，
最低：6000，
最高：20000，
步骤：500，
幻灯片：功能（事件、用户界面）{
$（“#滑块1值”）.val（ui.value）；
$（“#slider2”）.slider（“选项”，“最小值”，用户界面值）；
$（“#slider2”）.slider（“选项”，“最大”，ui.value*1.5）；
var max=$（“#滑块2”）。滑块（“选项”，“最大”）；
$（“#滑块2最大值”）.val（最大值）；
}
});
$（“#滑块2”）.滑块({
价值：411000，
最低：411000，
最高：544000，
幻灯片：功能（事件、用户界面）{
$（“#滑块2值”）.val（ui.value）；
}
});
$（“#slider1 value”）.val（$（“#slider1”）.slider（'value'）；
$（“#slider2 value”）.val（$（“#slider2”）.slider（'value'）；
});

存款金额：
套餐价格：
谢谢@mylee。是否有任何方法可以使用if条件来设置值？谢谢。不清楚使用if条件来设置值是什么意思。我看不出有什么理由不能这样做。你必须更好地解释你面临的问题。这是我在说的-如果第一个滑块范围被选择或设置为$6000.00，那么第二个滑块应该更改为$411000.00，如果第一个滑块设置为$6500.00，那么第二个滑块应该设置为$416500.00，同样。我不能用公式，因为范围不是常数。我需要手动设置范围。谢谢，换言之，考虑我有两个不同的范围滑块。若第一个滑块值设置为A，那个么我希望第二个滑块值设置为B。有什么意义吗？