如何在 jQuery 中設置 !important css 屬性？

Question

如果我將css“padding-top”屬性設置為變量（currentHeight）中的值，如下所示：

jQuery("#page-container").css("padding-top", currentHeight);

它工作正常，我得到：

<div id="page-container" style="padding-top: 115px;">
...

但是 padding-top 必須像這樣很重要：

<div id="page-container" style="padding-top: 115px!important;">
...

如果我嘗試設置重要的，像這樣：

jQuery('#page-container').css({'padding-top': + currentHeight + '!important'});

比 css 屬性 padding-top' 沒有提供給元素頁面容器，如下所示：

<div id="page-container">

如何解決這個問題？

謝謝

Answer 1

這是不可能的，因為 jQuery 不會理解 !important 屬性。

我對此的解決方案是：

創建一個新的 CSS 類

.paddingTop{
  padding-top: 115px !important;
}

並使用 addClass() 而不是 css()

jQuery('#page-container').addClass('paddingTop');

 jQuery('#page-container').addClass('paddingTop');

 .paddingTop{ padding-top: 115px !important; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="page-container"> <h1>Test</h1> </div>