我可以使用jQuery更改twitter bootstrap標籤的背景顏色嗎？

我正在使用twitter bootstrap，我試圖更改標籤的背景顏色。我允許用戶更改顏色映射，所以我不能簡單地在樣式表中更改它們。我最近嘗試低於：我可以使用jQuery更改twitter bootstrap標籤的背景顏色嗎？

JQuery的

var f_threshold_color = localStorage.getItem('f_threshold_color'); 

if (f_threshold_color) { 
    $('.label-important').css('background-color', f_threshold_color); 
}

的HTML看起來像這樣：

.... 
<td><span class="label label-important">105</span></td> 
...

在Twitter上，bootstrap.css的樣式看起來是這樣的：

.label-important { 
    background-color: #b94a48; 
} 
.label-important:hover { 
    background-color: #953b39; 
}

任何想法爲什麼它不使用新的背景顏色？

來源

2012-09-25 user1216398

從外觀上看，它應該工作。你能組裝一個jsfiddle來說明這個問題嗎？ –

您是否嘗試過檢查元素以查看正在應用哪些css規則？您可能還需要檢查以確保'f_threshold_color'的值是有效的顏色，否則瀏覽器可能會忽略它。 – MrOBrian

如果你只是更改以下行，它的工作原理（見jsfiddle）：

var f_threshold_color = 'red';

這意味着有一些錯誤的，當你存儲在本地存儲的顏色。

來源

2012-09-25 18:40:43

嗯...這是返回的顏色：＃214ce6這似乎是有效的。 – user1216398

看到這個更新jsfiddle：http://jsfiddle.net/RNPSm/2/ 再次，你的代碼應該工作。你有沒有收到任何錯誤信息？ –

我發現了這個問題......我正在使用加載事件，並且需要在腳本完成後進行我的調用。 – user1216398

我可以使用jQuery更改twitter bootstrap標籤的背景顏色嗎？

回答

相關問題