Событие наведения срабатывает дважды (при входе и выходе) в jQuery?

Question

$(document).ready(function(){ 
    $("#menu a").hover(function(){ 
     $(this).animate({opacity: 0.25}, function(){ 
      $(this).animate({opacity: 1}); 
     }); 
    }); 
}); 

Я применил этот эффект к своему меню, поэтому, когда мышь переходит по ссылке, он показывает этот эффект затухания, но когда мышь от него освобождается, эффект снова воспроизводится. Это не должно. Он должен воспроизводиться только один раз, когда мышь находится над ссылкой, а не в другое время, когда мышь отсутствует.

Answer 1

.hover() имеет два обратных вызова, один для mouseover и один для mouseout.

Вы, вероятно, лучше с mouseover:

$(document).ready(function(){ 
    $("#menu a").mouseover(function(){ 
     $(this).animate({opacity: 0.25}, function(){ 
      $(this).animate({opacity: 1}); 
     }); 
    }); 
}); 

Answer 2

Try:

 

$("#menu a").hover(
    function() { 
    $(this).animate({opacity: 0.25}, function(){ 
      $(this).animate({opacity: 1}); 
     }); 
    }, 
    function() { 
    //do nothing 
    } 
); 

 

Answer 3

попробовать это. добавить $ (это) .stop() на событие hoverout

$(document).ready(function() { 
      $("#menu a").hover(function() { 
       $(this).animate({ opacity: 0.25 }, function() { 
        $(this).animate({ opacity: 1 }); 
       }); 
      }, function() { $(this).stop(); }); 
     }); 

Answer 4

попробовать это с JQuery v1.7

$('#menu a').on({ 
    mouseover: function() { 
     event.preventDefault(); 
     $(this).animate({opacity: 0.25}); 
    }, 
    mouseout: function() { 
     event.preventDefault(); 
     $(this).animate({opacity: 1}); 
    } 
}); 

working DEMO

Answer 5

вы должны проверить это вы получите тот же объект или нет

пример:

$('#updateCart').on('mouseenter', function (event) { 
     if (event.handled !== true) { ..... 
        //Put your code in here 
      } 
}