有條件地設置屬性jQuery.css（）

Question

我喜歡40 foo在頁面上，並且每個在另一個函數中分配一個左/頂值。

$('.foo').css({ 
    top: isOn ? current_top_value_here : 500, 
    left: isOn ? current_left_value_here : 500 
}); 

所以，我要離開頂部&左性能未修改如果isOn是真實的。我怎樣才能做到這一點？

Answer 1

這種方式可以保證，如果它需要他們只添加。首先使用要分配的值設置對象，並有條件地添加更多。然後你可以將對象傳遞給你的.css()。

var cssProperties={ 
    'color' : 'yellow', 
    ... 
}; 

if (isOn) { 
    cssProperties.top=500; 
    cssProperties.left=500; 
    /* alternative: $.extend(cssProperties, { 'top': 500, 'left': 500 }); */ 
} 

$('.foo').css(cssProperties); 

Answer 2

最好的方法可能只是不叫它。如果你有你在同一個語句設置其他的CSS，只是把它分解開：

if(!isOn){ 
    $('.foo').css({ 
    top: 500, 
    left: 500 
    }); 
} 

$('.foo').css({ 
    // other stuff 
});