FF不改變attr的css

Question

我爲瀏覽器調整大小時設置了以下attr屬性，但firefox只能識別position：absolute，但不是左邊的屬性。在Chrome中是正常的。

JQuery的：

jQuery('.quick-access').attr('style', 'position:absolute; left: -100px !important'); 

它只是不會改變的左側位置，而Chrome會。

任何想法？

此外，它需要內聯，因爲它有一些內聯規則開始。

編輯：

我也試圖與方法的CSS，但它並不適用。

 jQuery('.quick-access').css({ 
      'position' : 'absolute', 
      'left' : '-100px !important' 
     }); 

我試過取出！重要但它不起作用。

Answer 1

除非你使用特定原因的attr()方法，會更容易只使用jQuery的css()方法，像這樣：

$('.quick-access').css({ 
    position: 'absolute', 
    left: -100 
}); 

您不能指定!important使用jQuery css()方法或任何我知道的方法...

UPDATE

另一種方式來實現你會喜歡的是簡單的添加/更改元素的class問題（.quick訪問）。

你可以做到這一點，像這樣：

$('.quick-access').addClass('newStyles'); 

然後你就可以設置newStyles覆蓋原來的樣式：

.newStyles { 
    position: absolute; 
    left: -100px !important; 
} 

Answer 2

試試這個使用.offset()：

jQuery('.quick-access').offset({ left: -100 }); 

Answer 3

!important不jquery的這樣工作... 。我會推薦你​​用這種風格做一個班，並增加班級使用addClass

這裏是你如何做 -

CSS -

.offset { 
    position : absolute; 
    left : -100px !important; 
} 

JS -

jQuery('.quick-access').addClass('offset');