Jquery toggle('slide')只滑动一次

Jquery toggle('slide') only slides once

本文关键字：一次 slide toggle Jquery      更新时间：2023-09-26

我对jquery非常陌生，所以如果我的问题太基础，请提前原谅我。我有一些问题与悬停幻灯片效果，似乎是一个混合的CSS和jquery问题。当我将鼠标悬停在图像上时，它第一次完美地滑动到图像的末尾，但是第二次似乎只从第一个元素下面滑动到一半，而不是从图像滑动到末尾。

我已经尝试了很多其他的可能性，但到目前为止都没有运气，如果有人能给我指出正确的方向，我将非常感激:)

我正在努力实现的一个例子可以在这里找到

http://jsfiddle.net/robolist/rK4GD/

$('.proimg').hover(function(event) {
      $('.boxcaption',this).stop().toggle( 'slide' );
}).on('mouseleave',function(event) {
      $('.boxcaption',this).stop().toggle( 'slide' )});

提前致谢

当你使用toggle on hover时，你不需要做mouseleave事件。还要注意，stop接受布尔参数，第一个用于清除队列，第二个用于跳转到end:

只做:

$('.proimg').hover(function(event) {
    $('.boxcaption',this).stop(true, true).toggle( 'slide' );
});

小提琴:http://jsfiddle.net/rK4GD/10/

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

相关文章：