我有這個側邊欄
當點擊照片右上角的按鈕時，應該切換。不幸的是，它現在不作業，但以前作業過。我不知道可能是什么問題。
這是側邊欄的 HTML 輸出
<nav id="sidebar">
<div class="bg-dark h-100" id="sidebar-wrapper">
<div class="sidebar-heading bg-dark text-light fw-bold newFont2">
<i class="fa-solid fa-globe me-1"></i> domain.com
</div>
<div class="list-group list-group-flush">
<a class="list-group-item bg-sidebar px-3 py-2" href="https://example.com/company/dashboard" current-page="absolute">
<i class=" fa-solid fa-house-user text-info "></i>
<span class="align-middle">Home</span>
</a>
<a class="list-group-item bg-sidebar px-3 py-2" href="https://example.com/company/dashboard/reviews">
<i class=" fa-solid fa-star-half-stroke "></i>
<span class="align-middle">Reviews</span>
</a>
<a class="list-group-item bg-sidebar px-3 py-2" href="https://example.com/company/dashboard/invitations">
<i class=" fa-solid fa-envelope "></i>
<span class="align-middle">Invitations</span>
</a>
<a class="list-group-item bg-sidebar px-3 py-2" href="https://example.com/company/dashboard/settings">
<i class=" fa-solid fa-wrench "></i>
<span class="align-middle">Settings</span>
</a>
<div class="border-top my-3" href="#"></div>
<div class="plan-overview px-3">
<span class="text-white-50 newFont d-block">Selected plan: <span class="fw-bold text-light">Expert Plan</span>
<br>Available actions: <span class="fw-bold text-light ">646 left</span>
<br>
</span>
</div>
</div>
</div>
</nav>
這是按鈕
<button class="btn navbar-toggler2" id="sidebarToggle"><i class="navbar-toggler-icon"></i></button>
我正在使用Bootstrap v5.0.2。我實際上可以看到頁面上加載的腳本，我正在使用一種叫做簡單側邊欄的東西
/*!
* Start Bootstrap - Simple Sidebar v6.0.3 (https://startbootstrap.com/template/simple-sidebar)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
*/
window.addEventListener("DOMContentLoaded",(e=>{const t=document.body.querySelector("#sidebarToggle");t&&t.addEventListener("click",(e=>{e.preventDefault(),document.body.classList.toggle("sb-sidenav-toggled"),localStorage.setItem("sb|sidebar-toggle",document.body.classList.contains("sb-sidenav-toggled"))}))}));
uj5u.com熱心網友回復：
首先檢查是否在單擊按鈕時，body 會切換類sb-sidenav-toggled，如果是，請檢查你的 css，因為它在 css 上作業，#sidebar-wrapper應該margin-left在類切換后得到。
否則是 js 問題，未加載/某些東西在觸發之前將其停止，或者在 ?
編輯：
所以這只是阻止或沒有正確宣告 onclick 的東西，所以在點擊時宣告是解決方案：
$("#sidebarToggle").on('click', function() {$('body').toggleClass('sb-sidenav-toggled');});
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/520416.html