2016-12-28 69 views
0

我用下面的代碼如何設置使用JQuery

if(note !== 0) $el.addClass('seq-note'); 

這裏是CSS

.seq-ui .seq-row span.seq-note { 
    background: #444 -webkit-linear-gradient(#7c8, transparent); 
    background: #444 linear-gradient(#7c8, transparent); 
    border-color: #565; 
} 

需要注意的是目前添加類的DIV在JavaScript動態漸變色實際上是一個十六進制值,所以我想將漸變更改爲hax顏色。我將如何重新分解此代碼,以便顏色是動態的

+0

的[尋找一個JavaScript的解決方案等同於下面的jQuery的解決方案]可能的複製(http://stackoverflow.com/questions/ 20600110 /尋找換一個-JavaScript的溶液相當於到低於jquery的溶液) –

回答

1

是否有任何東西阻止您使用.css?

var bgColor; 
bgColor = "#444 linear-gradient(#" + note + ")"; 
$('.seq-note').css("background", bgColor); 

這將不會更新CSS文件 - 的CSS通過增加內聯CSS和DOM工作 - 所以我相信任何未來的div向其中添加這個類不會有這種性質。

這確實因爲jQuery的1.8.0處理供應商前綴,如下解釋: Does .css() automatically add vendor prefixes?