Question

我正在建立一个悬停效果，通过更改班级来扩展悬停的div。我现在遇到的问题是，如果手滑倒并且没有完全徘徊一段适当的时间，它会在时髦的问题中冻结。

所以我的问题是 - 我是否可以在悬停发生后打破这种关系，以便在另一个移动完成之前徘徊在另一个人的工作中？

一个示例问题是很快就会从一个问题转移到另一个问题。

$(document).ready(function() {
  $('.secondNav-widgets').hover(function() {
    if ($(this).hasClass('col-md-6')) {                                  

    }else {
    $(this).find(".noShow").switchClass( "noShow", "show", 500, "easeInSine" ).fadeTo( "slow", 1 );
    $('.secondNav-widgets').find(".show").fadeOut("slow", function () {
        $(this).removeClass("show", 0).addClass("noShow", 0).css({display:"none"});
    });
    $('.secondNav-widgets').switchClass( "col-md-6", "col-md-3", 1000 );    
    $(this).switchClass( "col-md-3", "col-md-6", 1000 );

    }


  });

});

Answer 1

使用stop(true, true)来阻止动画队列。您正在为正在进行中的动画添加动画，并stop(true, true)强制前一个动画结束并停止计时器。

另请注意，您只使用一个悬停回调。

hover()包含两个事件...... mouseenter和mouseleave，两个事件都会触发。

如果要在鼠标离开时重置

，则应使用第二个回调来执行相反的动画

hover() docs

Jquery悬停导致冻结的DIV不完整

1 个答案: