Jquery 范围滑块 if else in .slider

Question

在我的项目中，我有一些用户使用范围滑块的形式。用户可以在第一次提交后修改表单的数据。所以当他更新时，范围滑块从上次选择的值开始。我是那样做的，但我想知道是否有更优雅的方法来做到这一点，我尝试在 .slider 中使用 if/else 但似乎我做不到。

工作代码：

$(function() {

if (key != null) {
    $("#sliderGar")
        .on("slidecreate", function test(e, ui){
            /****/
        })

        .slider({
            min: 0,
            max: jsonValRecons.length-1,
            value: key

        })


        .slider("pips", {
            rest: "label",
            labels: jsonValRecons
        })

        .on("slidechange", function(e, ui){
            /****/

        })
}

});

$(function() {

if (key == null) {
    $("#sliderGar")
        .on("slidecreate", function test(e, ui){
            /****/
        })

        .slider({
            min: 0,
            max: jsonValRecons.length-1

        })


        .slider("pips", {
            rest: "label",
            labels: jsonValRecons
        })

        .on("slidechange", function(e, ui){
            /****/

        })
}

});

Answer 1

您可以在滑块外使用 if/else 并尝试这样的操作：

if(key!=null)
    slideValue = key
else
    slideValue = 0

然后继续您的滑块初始化：

    /**/
    .slider({
        min: 0,
        max: jsonValRecons.length-1,
        value: slideValue
    })
    /**/

Jquery 范围滑块 if else in .slider

Jquery range slider if else in .slider

jquery

slider