0

我有一个 jQuery 脚本,它使用 a.toggleClass按钮来切换<tr>包含<td>s 和内容的 s 的可见性。当页面加载时,两个元素应该是可见的:

  1. <tr>包含<td>s内容的 s
  2. <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;
    }
4

0 回答 0