2015-11-01 22 views
1

已经有人知道为什么这四行jQuery代码:jQuery的不符合“CSS”方法应用样式

var newFontSize = settings.FontSize + 'em !important'; 
_log(newFontSize); 

$('div[data-role="section"]').css("font-size", newFontSize); 
_log($('div[data-role="section"]').css("font-size")); 

回报输出这个消息:

1.1em !important 
14px 

我一直在看我的代码几个小时,我不知道我的错误在哪里。

谢谢你在前进,

+0

这个'14px'如何分配给该'div'?它是否通过'.css'文件?如果是的话,你可以向我们展示css代码吗? – vijayP

+2

您不能使用'jQuery''css'函数添加'!important'。参考jQuery bug [11173](http://bugs.jquery.com/ticket/11173)。请注意该错误已关闭为“wontfix”。请参阅[this](http://stackoverflow.com/a/8894528/643318)回答这个问题。 – Taleeb

+0

除了答案之外,您还添加了内联样式,默认情况下,它应覆盖样式表中声明的任何内容。在这种情况下,你为什么要添加!important?它表明你在样式表中做了不正确的事情。 – DanCouper

回答

0

是的,问题是你不能添加!重要的jQuery室内用。解决办法可能是:在样式表中创建类,然后添加/删除类

$('div[data-role="section"]').removeClass(x).addClass(y);