Question

我可能只是愚蠢，但似乎无法使一些javascript代码正常工作

function toggleNav() {
  var sidebar = document.getElementById('side-bar');
  var back = document.getElementById('backspace');

  if (sidebar.style.width === "0") {
    sidebar.style.width = "400px";
    back.style.transform = "rotate(0deg)";
    back.style.right = "0";
  } else {
    sidebar.style.width = "0";
    back.style.transform = "rotate(180deg)";
    back.style.right = "-50px";
  }
}

我正在尝试检查此元素的宽度，然后如果它的宽度为0px，则使用CSS过渡对其进行扩展，并且背面id是切换所有内容的按钮

Answer 1

if (sidebar.style.width === "0")应该是if (sidebar.style.width == "0px")

Answer 2

将if（sidebar.style.width ===“ 0”）更改为if（sidebar.style.width ===“ 0px”）后，我开始工作了

基于宽度，是否在js中切换

2 个答案: