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

の質問はどのように私はマージントップでクリックでアニメーションを凍結することができているホバー:100pxに状態がsomedivがフリーズはonclickの

をクリックした後に発生するが、次のクリックは、ホバー機能の凍結を解除する必要がある関数をれるonmouseoutせません事前に おかげ


停止()unhovering防止に役立ちません

$("#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がマージン左にアニメーション化された後:0PXその後それがマージントップにunhoveredさ:10pxの

答えて

1

試してみてください。

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

詳細はこちらをご覧ください:

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