消除滑动切换上的弹跳球效果

Posted 2023-02-25

【中文标题】消除滑动切换上的弹跳球效果

【英文标题】：Eliminate bouncing ball effect on slidetoggle

【发布时间】：2010-07-25 15:57:04

【问题描述】：

它似乎在一些循环中，然后稳定下来。此人在此视频中遇到了类似问题：http://www.youtube.com/watch?v=KCFeImyBzfE

此外，此代码的另一个问题是，一旦您显示曲目列表，然后再次隐藏它，单词就会停止切换。它最终说“隐藏曲目列表”并且它们已经被隐藏了。

<script type="text/javascript">
$(document).ready(function() 
   $('.fullTracks').hide();
   $('.tracklist').click(function() 
      $('.fullTracks').slideToggle('medium');
      if ($('.fullTracks').is(':hidden')) 
         $(this).text('Show Tracklist');
       else 
         $(this).text('Hide Tracklist');
      
   );
);
</script>

【参考方案1】：

那是因为之前的滑动效果还没有结束，所以要排队多次触发。

在slideToggle() 之前尝试.stop()。这将删除任何以前的事件，然后触发一个新事件。

来源

http://api.jquery.com/stop/