在网站菜单外单击时如何滑入抽屉菜单？

Question

我不明白，我做错了什么？元素在鼠标单击时滑出，但永远不会滑入。

$(document).ready(function() {
  var $okviric = $('#okviric');
  var $slide = false;

if ($slide){
  $okviric.on('click', function(){
    TweenLite.to($okviric, 0.7, {bottom: 180, opacity: 0.7, ease:Power4.easeInOut});
      $slide = false;});
}else{
  $okviric.on('click', function(){
    TweenLite.to($okviric, 0.7, {bottom: 0, opacity: 1, ease:Power4.easeInOut});
      $slide = true;});
};
});

Answer 1

问题是您只检查一次条件。

如果 $slide 为假。 else 部分设置 onclick。之后，在您重新加载页面之前，不会再次检查此条件。但是一旦你重新加载 $slide 就会再次设置为 false。

解决方案是在您的 onclick 方法中检查此条件。

$okviric.on('click', function(){
      if($slide){
       // 
           TweenLite.to($okviric, 0.7, {bottom: 180, opacity: 0.7, ease:Power4.easeInOut});
            $slide = false;});
      }  else {
      //
           TweenLite.to($okviric, 0.7, {bottom: 0, opacity: 1, ease:Power4.easeInOut});
           $slide = true;});
      }

现在可以正常使用了。

在网站菜单外单击时如何滑入抽屉菜单？

How to slide-in drawer menu when clicked outside of menu in website?

javascript

jquery

gsap