命名空间动画是否可能?具体来说,我的问题是在给定元素$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); } });