在 jQuery 上使用 !important 更改 fullcalendar 的 css 类属性 [重复]

Question

我想通过带有 !important 标签的 jQuery 更改 fullcalendar 的选定单元格 css，我想在不指定元素 ID 和类名的情况下执行此操作：

这不起作用：

$('.fc-cell-overlay').css('height', '40px !important');

想法？

更新

我认为这比我问的要复杂。对不起，如果我不够详细。我想在 jQuery cos 中执行此操作 如果假设我正在执行每 60 分钟持续时间（高度应为 40 像素）而不是每 30 分钟持续时间（高度应为 20 像素），我想在完整日历中动态更改单元格的高度值) 同时禁用拖动功能。这是我在这里找到的一个 hack：How to disable the drag in FullCalendar but keep the ability to click on a time slot and have the "placeholder" appointment still render。

我无法按照@climbinghobo 的建议更改css，因为如果您不单击单元格，css 还不存在。显然完整的日历还没有这个功能，所以我不得不解决它。

Answer 1

JQuery 不理解“！important”。你有几个选择：

• 使用此规则添加一个类并将该类添加到您的元素中：
  css：.important-rule{ height: 40px !important; }
  js:$('.fc-cell-overlay').addClass('important-rule')

• 在文档头部添加规则：
  js:$("<style type='text/css'> .fc-cell-overlay{ height: 40px !important; } </style>").appendTo("head");

• 使用@Shaunak D 提供的链接中的解决方法代码，用!important“熟悉”JQuery

作为旁注，我会尽量避免使用 !important。看看你是否可以用你的选择器提供更多的特异性。请注意，正如 Suresh Ponnukalai 所写，JQuery 生成的内联规则将覆盖任何 css 规则，而不使用 !important。

Answer 2

也许你可以这样做：

  $('.fc-cell-overlay').attr('style','height:40px');

它将覆盖css，因为它的内联样式。