2012-09-25 43 views
2

我正在使用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; 
} 

任何想法为什么它不使用新的背景颜色?

+1

从外观上看,它应该工作。你能组装一个jsfiddle来说明这个问题吗? –

+1

您是否尝试过检查元素以查看正在应用哪些css规则?您可能还需要检查以确保'f_threshold_color'的值是有效的颜色,否则浏览器可能会忽略它。 – MrOBrian

回答

2

如果你只是更改以下行,它的工作原理(见jsfiddle):

var f_threshold_color = 'red'; 

这意味着有一些错误的,当你存储在本地存储的颜色。

+0

嗯...这是返回的颜色:#214ce6这似乎是有效的。 – user1216398

+0

看到这个更新jsfiddle:http://jsfiddle.net/RNPSm/2/ 再次,你的代码应该工作。你有没有收到任何错误信息? –

+0

我发现了这个问题......我正在使用加载事件,并且需要在脚本完成后进行我的调用。 – user1216398