javascript - 活动侧边栏 Jquery

Question

我的 jquery 代码不执行活动侧边栏操作。我哪里弄错了，谁能告诉我们？我应该在哪里改变..？我应该对 html 代码进行一些更改吗？这是我的jQuery代码

$(function() {
  $(".sidebar-menu li").removeClass("active");
  $("#liaccounts").addClass("active");
  $("#selectAll").click(function() {
    // $(".checkAll").prop('checked', $(this).prop('checked'));
    var checked = ($(".checkAll").prop('checked') == false) ? true : false;
    $(".checkAll").prop('checked', checked);
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="sidebar-menu">
  <!-- Sidebar user panel (optional) -->
  <!-- Sidebar Menu -->
  <nav class="mt-2">
    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
      <!--
        Add icons to the links using the .nav-icon class
        with font-awesome or any other icon font library
      -->
      <li class="nav-item">
        <a href="{{url('dashboard')}}" class="nav-link active">
          <i class="nav-icon fas fa-tachometer-alt"></i>
          <p>Dashboard</p>
        </a>
      </li>
      <li class="nav-item">
        <a href="{{url('contact')}}" class="nav-link">
          <i class="nav-icon fas fa-file"></i>
          <p>Contact</p>
        </a>
      </li>
      <li class="nav-item">
        <a href="{{url('accounts')}}" class="nav-link">
          <i class="nav-icon fas fa-user"></i>
          <p>Accounts</p>
        </a>
      </li>
    </ul>
  </nav>
</div>

标签： javascriptjqueryhtmlcss