javascript - 在css方法中传递动态属性

Question

当我像下面那样做时，它不起作用!!你能帮我看看为什么会这样吗？

var propertyName = 'left';
var propertyVal = $("body").width();

$('nav').css({ propertyName: propertyVal , 'position': 'absolute'});

Answer 1

问题是因为您不能使用现有语法将变量用作对象中属性的名称。相反，您需要使用括号表示法来定义该属性及其值。试试这个:

var cssSettings = { 'position': 'absolute' };
cssSettings[dynCssProperty] = widthMenu;
$('nav').css(cssSettings);

或者，您可以两次调用 css() 方法，分别设置每个属性:

$('.nav').css('postion', 'absolute').css(dynCssProperty, widthMenu);