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