Question

I have this function:

function myfunc(obj, properties, value) {       
    $.each(properties, function(i, key) {
        var a =  -webkit-border-  + key +  -radius ;
        var b =  -moz-border-radius-  + key.replace(/-/g,   );
        var c =  border-  + key +  -radius ;
        var z = value+ px ;
         obj.css({a : z, b: z, c: z});
    });
}

要求这样做:

myfunc($tab, [ top-left ,  top-right ], defaults.tabRounded);

请注意,如果我以下列方式取代斜线:

obj.css({ border-top-right-radius : value+ px });

它按预期运作。但<代码>a、b、c的数值完全正确。

正在发生什么?

Answer 1

The keys of an object literal in JavaScript are strings, not variables. If you do not quote them yourself, they are auto-quoted. So if you write

var a = {b: 1};

这同你写的一样。

var a = { b : 1};

你们必须使用<条码>[],以动态方式确定钥匙。

var a = {};
a[b] = 1;

在此情况下,修改您的职能。

function myfunc(obj, properties, value) {       
    $.each(properties, function(i, key) {
        var a =  -webkit-border-  + key +  -radius ;
        var b =  -moz-border-radius-  + key.replace(/-/g,   );
        var c =  border-  + key +  -radius ;
        var z = value+ px ;
        var css = {};
        css[a] = css[b] = css[c] = z;
         obj.css(css);
    });
}

友情链接