Javascript jQuery UI滑块显示最低设置的初始值

我有以下用于jQueryUI滑块的脚本。该脚本在id为#skizzar_payment_amount的div中显示金额

当我滚动到最低金额（0）时，div中的值显示初始金额，而不是0

请看这里：

<script>
        jQuery(function($) {
            var initialValue = 7.5; 
            var maxValue = 20;
            var stepValue = 0.25;
            var sliderTooltip = function(event, ui) {
                var curValue = ui.value || initialValue; // current value (when sliding) or initial value (at start)
                var tooltip = '<div class="tooltip"><div class="tooltip-inner">£' + curValue + '</div><div class="tooltip-arrow"></div></div>';
                $('.ui-slider-handle').html(tooltip); //attach tooltip to the slider handle
                $("#skizzar_payment_amount").val(ui.value); //change amount in hidden input field


            }

            $("#slider").slider({
                value: initialValue,
                min: 0,
                max: maxValue,
                step: stepValue,
                create: sliderTooltip,
                slide: sliderTooltip,
            });
            $("#skizzar_payment_amount").val($("#slider").slider("value"));

        });
        </script>

jQuery（函数（$）{
var初始值=7.5；
var maxValue=20；
var阶跃值=0.25；
var sliderTooltip=函数（事件，用户界面）{
var curValue=ui.value | | initialValue；//当前值（滑动时）或初始值（开始时）
变量工具提示=“£”+曲线值+”；
$（'.ui滑块句柄'）.html（工具提示）；//将工具提示附加到滑块句柄
$（“#skizzar_payment_amount”）.val（ui.value）；//更改隐藏输入字段中的金额
}
$（“#滑块”）.滑块({
value:initialValue，
分:0,，
max:maxValue，
步骤：步骤值，
创建：滑块工具提示，
幻灯片：幻灯片工具提示，
});
$（“#skizzar#u payment#u amount”）.val（$（“#slider”）.slider（“value”）；
});

---

ui.value

将是0，这是

false

在此行：

var curValue=ui.value | | initialValue

将其更改为，例如：

var curValue = ui.value !== undefined ? ui.value : initialValue;

更新了
我更新了您的，并添加了以下代码：

change: function( event, ui ) {
             $("#skizzar_payment_amount").val(ui.value);
}

试试这个：

jQuery(function($) {
  var initialValue = 7.5;
  var maxValue = 20;
  var stepValue = 0.25;
  var sliderTooltip = function(event, ui) {
    var curValue = ui.value >= 0 ? ui.value : initialValue; // current value (when sliding) or initial value (at start)
    var tooltip = '<div class="tooltip"><div class="tooltip-inner">£' + curValue + '</div><div class="tooltip-arrow"></div></div>';
    $('.ui-slider-handle').html(tooltip); //attach tooltip to the slider handle
    $("#skizzar_payment_amount").val(ui.value); //change amount in hidden input field


  }

  $("#slider").slider({
    value: initialValue,
    min: 0,
    max: maxValue,
    step: stepValue,
    create: sliderTooltip,
    slide: sliderTooltip,
    change: function(event, ui) {
      $("#skizzar_payment_amount").val(ui.value);
    }

  });
});

jQuery（函数（$）{
var初始值=7.5；
var maxValue=20；
var阶跃值=0.25；
var sliderTooltip=函数（事件，用户界面）{
var curValue=ui.value>=0？ui.value:initialValue；//当前值（滑动时）或初始值（开始时）
变量工具提示=“£”+曲线值+”；
$（'.ui滑块句柄'）.html（工具提示）；//将工具提示附加到滑块句柄
$（“#skizzar_payment_amount”）.val（ui.value）；//更改隐藏输入字段中的金额
}
$（“#滑块”）.滑块({
value:initialValue，
分:0,，
max:maxValue，
步骤：步骤值，
创建：滑块工具提示，
幻灯片：幻灯片工具提示，
更改：功能（事件、用户界面）{
$（“支付金额”）.val（用户界面值）；
}
});
});