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为false。其余部分设置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;});
      }

现在它将正常工作。

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

1 个答案: