Javascript 使用数组设置方法调用中的选项_Javascript_Jquery_Arrays

Javascript 使用数组设置方法调用中的选项

javascript jquery arrays

Javascript 使用数组设置方法调用中的选项,javascript,jquery,arrays,Javascript,Jquery,Arrays,如何使.slider（）方法使用数组中的值我有同一个滑块，我必须设置好几次，所以我想我会调用它一次，然后用索引输入值。这可能不是解决问题的办法，但我就是这么想的我想在每次调用滑块时逐步执行并更改索引编号，以便它将更新为接下来的6个值。我意识到这个代码不起作用，它只是为了解释 var yolo = ["yield", "true", "15.2", "308", "0.3", "[75.8, 241.4]", "tensile", "true", "37.7", "345", "[81.2,

如何使

.slider（）

方法使用数组中的值

我有同一个滑块，我必须设置好几次，所以我想我会调用它一次，然后用索引输入值。这可能不是解决问题的办法，但我就是这么想的

我想在每次调用滑块时逐步执行并更改索引编号，以便它将更新为接下来的6个值。我意识到这个代码不起作用，它只是为了解释

var yolo = ["yield", "true", "15.2", "308", "0.3", "[75.8, 241.4]", "tensile", "true", "37.7", "345", "[81.2, 243.3]"];

     $( yolo[0] ).slider({
        range: yolo[1],
        min: yolo[2],
        max: yolo[3],
        step : yolo[4],
        values: yolo[5],

        slide: function( event, ui ) {
            $( "#" + yolo[0] + "-value" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
        }
     }); //When done, call again, just that updating the index numbers to the next 6

可能是一个

.each（）

和

$.extend（）

？

使用.each来迭代数组。

您可以执行以下操作：

var settings = {
    "yield" : {
         range: true,
         etc..
    },
    "yield2" : {
         range: true,
         etc..
    }
}

$.each(settings, function(key, value){
    var _key = key;
    $( "#" + _key ).slider(
        $.extend(value, {    
            slide: function( event, ui ) {
                $( "#" + _key + "-value" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
            }
        })
    );
});

额外信息：

不使用数组，只需使用普通对象即可：

var yolo = {
   range : true,
   min : 15.2,
   max : 308,
   slide : function(){}
};

然后把它传给滑块

$(...).slider(yolo);

这将返回文本，而不是数组：

“[75.8241.4]”

您可以使用一个二维数组，它保存配置6值的数组。选项二类似于使用增量6执行for循环：for（i=0；i

[jquery]相关文章推荐

随机文章推荐