classList.toggle 不工作，但是 classList.add 工作

Question

我试图为我的问题寻找解决方案，但在网上找不到。我正在尝试使用 classList.toggle 将“short”类添加到元素中，但是当我打开检查元素并单击按钮时，带有 id="sidebar" 的元素在检查元素中突出显示，但是 "short" " 不添加类。

如果我将“切换”替换为“添加”，“短”类确实会添加到元素中，但是我需要为我的用例切换功能。

任何帮助将不胜感激。 谢谢

    const menu = document.querySelector(".sidebar__expand")
    
    if(menu){
        menu.addEventListener("click", function(){
            document.getElementById("sidebar").classList.toggle("short")
        })
    }

Answer 1

您的 javascript 代码似乎没有任何问题。问题可能出在 HTML 上，或者在您的浏览器缓存中。尝试清除浏览器缓存或在完全不同的浏览器中尝试。如果这也没有帮助，请向我们展示相应的 HTML