如何在jQuery中覆蓋！重要的CSS屬性

Question

我在我的頁面的body上有css，我想覆蓋overflow: visible !important;。我曾嘗試下面的jQuery腳本，但不這樣做」

jQuery("body, #s4-workspace").css("overflow", "hidden !important"); 

CSS：

body, #s4-workspace { 
    overflow: visible !important; 
} 

body { 
    height: 100%; 
    overflow: hidden; //overriden 
    width: 100%; 
} 

我知道有兩個溢出了，但遺憾的是我沒有在手上即，否則這將是太容易了，不是嗎

Answer 1

如前所述，! important通過jQuery的css()處理不好。

這裏，如果你不介意覆蓋內嵌style屬性值（如果存在），將工作一個黑客：

jQuery("body, #s4-workspace") 
    .attr("style", "overflow:hidden !important"); 

就像我說的，這是一個黑客 - 但給它一試。

演示：http://jsfiddle.net/dGbaD/

Answer 2

jQuery的不能管理的重要規則

請參見：？！

How to apply !important using .css()?

http://hungred.com/how-to/jquery-javascript-css-important/

Answer 3

AFAIK jQuery的不理解!important部分。

嘗試創建一個類，像這樣：

.newClass { 
    overflow: hidden !important; 
} 

，然後設置類是這樣的：

jQuery("body, #s4-workspace").addClass('newClass');