javascript - 在 jQuery 的 css() 函数中使用 !important

Question

我有一个带有如下声明的覆盖层的对话框:

     .ui-widget-overlay  {
         position: absolute;
         left: 8px;
         top: 9px;
         height: 985px !important;
         width: 518px !important; 
      }

我的页面将有两个不同的页面高度。为了用叠加层解决这个问题，我在我的 JS 文件中做了这个:

如果小的可见:

$('.ui-widget-overlay').css("height", "985px !important");

其他

$('.ui-widget-overlay').css("height", "1167px !important");

显然这不起作用。有没有另一种方法可以超越 !important 呢？

页面可以来回切换，所以我需要始终有一个或另一个。此外，如果我不将 !important 添加到 css，那么叠加层将无限扩展高度(它在 facebook 中，所以我假设那里存在问题)

有什么建议吗？

Answer 1

有一个技巧可以做到这一点。

$('.ui-widget-overlay').css('cssText', 'height:985px !important;');

$('.ui-widget-overlay').css('cssText', 'height:1167px !important;');

cssText 在这里发挥作用。它将 css 样式附加为字符串，而不是变量。