javascript - 函数只运行一次

Question

我制作了这个小 jQuery 函数，使我的导航在移动设备上滑出。我唯一的问题是......我只能显示和隐藏它一次......有人可以帮我解决这个问题吗？提前致谢!

$('#menu-btn').click(function(){

  if ($('nav ul').css('margin') == '83px 0px 0px -225px') {

    $('nav ul').animate({
      margin:'83px 0px 0px 0px'
    }, 200);

  }
  else {

    $('nav ul').animate({
      margin:'83px 0px 0px -255px'
    }, 200);

  }

});

Answer 1

作为替代解决方案，您可以按照以下方式操作:

您可以在每次点击时使用边距切换类而不是字符串比较

$('#menu-btn').click(function() {
    $('nav ul').toggleClass('slided')    
})

你还需要2个CSS规则

nav ul {
    margin: 83px 0px 0px 0px
}

nav ul.slided {
    margin: 83px 0px 0px -225px
}