javascript - 无法使用 jQuery 更改 CSS 底部

Question

我无法让这个工作的“其他”位。有谁知道问题是什么？

var navOpen = false;
                if (navOpen == false) {
                    $("nav").click(function() {
                        $(this).css("bottom","0");
                        navOpen = true;
                    });
                } else {
                    $("nav").click(function() {
                        $(this).css("bottom","-84");
                        navOpen = false;
                    });
                }

Answer 1

条件是在错误的地方。

 var navOpen = false;
 $("nav").click(function() {
      if (navOpen == false) {
           $(this).css("bottom","0");
           navOpen = true;
      } else {
           $(this).css("bottom","-84px");
           navOpen = false;
      }
 });

Answer 2

您将多个处理程序绑定到同一个元素，您可以使用css方法：

$("nav").click(function() {
   $(this).css("bottom", function(i, bottom) {
      return bottom === '0px' ? '-84px' : '0px';
     // return navOpen ? '-84px' : '0px';
   });
})

Answer 3

尝试

$(this).css("bottom","-84px");

Answer 4

您需要定义计量（例如 px、%）。CSS 不仅仅支持像 HTML 属性那样的数字参数。