我有一个 jQuery 脚本,它使用 a.toggleClass
按钮来切换<tr>
包含<td>
s 和内容的 s 的可见性。当页面加载时,两个元素应该是可见的:
<tr>
包含<td>
s和内容的 s<tr>
s 包含<td>
s没有内容
我遇到的问题是,当页面加载时,“todo-assigned-empty”类也被加载。如何防止“todo-assigned-empty”在加载时处于活动状态,并且仅在单击 .toggleClass 时才变为活动状态?
jQuery 和 CSS:
jQuery:
$('#empty_items').on("click", function(e) {
$('.todo-list:has(> .todo-assigned:parent)').toggleClass('todo-assigned-empty');
});
CSS:
.todo-assigned-empty {
display:none;
}