Jquery的 - 刪除懸停動畫結束

Question

之前下面是代碼：

$('.rightside').click(function(){ 
    if($('#clickForm').is(":visible")) { 
     $('#clickForm').hide("slide", { direction: "left" }, 500); 
     $('.left_slider').animate({left:"0"}, 500).css('background-image','url(images/leftPanel/gear.png)').attr('title','Open'); 

     $("#blackbg").hide(); 
    } 
    else 
    { 
     $('#clickForm').show("slide", { direction: "left" }, 500); 
     $('.left_slider').animate({left:"314px"}, 500).css('background-image','url(images/leftPanel/close.png)').attr('title','Close'); 
     $("#blackbg").show(); 
    } 
}); 

問題是這樣的。這裏是動畫

和動畫之前和之後的圖片

這保持這樣直到我移動鼠標至少1像素或點擊。對於我使用醉意的工具提示。如果有幫助，我可以自己做。

Answer 1

。如果回答我的問題別人得到同樣的問題：

ALI我不得不做的是添加

$（「。tipsy」）。remove（）;

只是點擊功能。

所以，如果你正在使用jQuery動畫，並有問題與醉意，只需添加上面的代碼。

關於懸停，我做了與jQuery的。也許有更輕鬆，更「正確」的方式做到這一點，但到那時，這將做到：（「 rightside」）

$('.rightside').click(function(){ 
    $(".tipsy").remove(); 
    if($('#clickForm').is(":visible")) { 
     $('#clickForm').hide("slide", { direction: "left" }, 500); 

     $('.left_slider').animate({left:"0"}, 500).css({'background-image':'url(images/leftPanel/gear.png)', 
        'background-color':'#fff'}).attr('title','Open'); 

     $("#blackbg").hide(); 
    } 
    else 
    { 
     $('#clickForm').show("slide", { direction: "left" }, 500); 
     $('.left_slider').animate({left:"314px"}, 500).css({'background-image':'url(images/leftPanel/close.png)', 
        'background-color':'#fff'}).attr('title','Close'); 

     $("#blackbg").show(); 
    } 
}); 

Answer 2

懸停，使用.animate（）回調動畫完成後刪除您的懸停事件

JQuery的文件：

例：

$('.left_slider').animate({left:"0"}, 500, function(){ 
    $(this).css('background-image','url(images/leftPanel/gear.png)').attr('title','Open'); 
    //Remove your hover events here 
});