在css方法中传递动态属性

Question

当我像下面这样做，它不工作！你可以帮我吗为什么这样？

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

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

Answer 1

相反，你可以做到这一点的方法：

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

您也可以使用array符号添加：

cssProperties[propertyName] = propertyVal 

Answer 2

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

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

或者，您也可以两次调用css()方法，单独设置每个属性：

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