Question

我正在尝试使用jQuery UI滑块制作价格滑块。我想要做的是当句柄达到最大值时添加“+”。我添加了if语句，但它没有用。

<script>
$(function() {
    $( "#slider-range-min" ).slider({
        range: "min",
        value: 2,
        min: 1,
        max: 50,
        slide: function( event, ui ) {
            $( "#amount").val( ui.value + "K");
            if($( "#amount" ).val(ui.value)>50){
                $( "#amount" ).val( ui.value + "K+");
            }
         }
    });
    $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ) + "K");
});

如果有人知道怎么做，那就太好了。谢谢！

Answer 1

slide属性应为：

slide: function( event, ui ) {
           if(ui.value>=50)
               $( "#amount" ).val( ui.value + "K+");
           else
               $( "#amount").val( ui.value + "K");
        }

问题是$( "#amount" ).val(ui.value)用于设置#amount的值，但该值已经通过ui参数传递。此外，由于滑块的最大值为50，因此您永远不会超过它，因此您必须使用>=，或者只使用==也可以。

如何使用jQuery UI Slider在特定值上添加“+”

1 个答案: