<分区>
<分区>
我想通过带有 !important 标签的 jQuery 更改 fullcalendar 的选定单元格 css,我想在不指定元素 ID 且仅指定类名的情况下执行此操作:
这行不通:
$('.fc-cell-overlay').css('height', '40px !important');
想法?
更新
我认为这比我问的更复杂。抱歉,如果我不够详细。我想在 jQuery 中这样做,因为我想在完整日历中动态更改单元格的高度值,如果我说我每 60 分钟持续时间(高度应为 40px)而不是每 30 分钟持续时间(高度应为 20px) ) 同时禁用拖动功能。这是我在这里找到的黑客: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 尚不存在。显然完整的日历还没有这个功能,所以我不得不解决它。
最佳答案
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 提供的链接中的解决方法代码,“熟悉”JQuery 和 !important
作为旁注,我会尽量避免使用 !important。看看您是否可以为您的选择器提供更多的特异性。请注意,正如 Suresh Ponnukalai 所写,JQuery 生成的内联规则将覆盖任何 css 规则,而无需使用 !important。
关于jquery - 在 jQuery 上使用 !important 更改 fullcalendar 的 css 类属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24604064/