冻结悬停onclick

时间:2011-11-13 01:07:51

标签: jquery onclick hover

 $(".somediv").hover(
     function() {
         $(this).animate({'margin-top':'100px'},1000);
     },
     function() {
         $(this).animate...…
     }
 );
 $(".somediv").click(function ....????      

问题是如何在margin-top上点击动画:100px状态不会让onmouseout函数在点击somediv之后发生

但是下一次点击应该解冻悬停功能 先谢谢


stop()无助于防止取消悬停

$("#one.button").hover(function() {
$(this).animate({'margin-top':'30px'},{queue:false,duration:700});
}, function() {
$(this).animate({'margin-top':'10px'},{queue:false,duration:700});
  });

$("#one.button").click(function(){
$("#one.button").stop().animate({'margin-left':'0px'},{queue:false, duration:700});
 });

点击#one.button后动画为margin-left:0px,然后将其移至margin-top:10px

1 个答案:

答案 0 :(得分:1)

尝试:

 $(".somediv").click(function() {
   $(this).stop()
 });

有关详细信息,请参阅此处:

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