jquery – 命名空间动画

前端之家收集整理的这篇文章主要介绍了jquery – 命名空间动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
命名空间动画是否可能?具体来说,我的问题是在给定元素$myElement上我正在做两种类型的动画.现在我想只在其中一种类型上使用.stop(),而不是两者.

我怎样才能做到这一点?

编辑

代码在这里:http://jsfiddle.net/y34ME/1/

我的问题是,当我点击跨度时,我希望它逐渐消失,无论我是否使用鼠标.目前,mouSEOut因为.stop()而中断了淡出,但我需要.stop()来防止mouSEOver和mouSEOut事件排队.

解决方法

我认为你真正想要的是,如果你已经将元素消失了,根本不会触发鼠标输出. Andrew的方法效果很好,但是如果你想保持事件处理程序的完整性(例如,如果有办法再次显示这个元素),请使用状态类:
$('p').delegate('span:not(.hidden)',{
    'mouSEOver': function () {
       $(this).stop(true,true).animate({backgroundColor: 'blue'},1000);
    },'mouSEOut':function () {
       $(this).stop(true,true).animate({backgroundColor: 'white'},'click': function () {
       $(this).addClass('hidden').stop(true,true).animate({backgroundColor: 'green'},1000).fadeTo(2000,0);
    }
});

http://jsfiddle.net/y34ME/4/

原文链接:https://www.f2er.com/jquery/177409.html

猜你在找的jQuery相关文章