gpt4 book ai didi

javascript - 动态生成的对象不能作为 .css() 的参数

转载 作者:行者123 更新时间:2023-11-30 09:03:59 26 4
gpt4 key购买 nike

我有这个功能:

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 行替换为:

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

它按预期工作。而 abc 的值是完全正确的。

这是怎么回事?

最佳答案

JavaScript 中对象字面量的键是字符串,而不是变量。如果您不自己引用它们,它们将被自动引用。所以如果你写

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);
});
}

关于javascript - 动态生成的对象不能作为 .css() 的参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6733638/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com