Passez événement se déclenche deux fois (sur entrer et de sortir) en jQuery?

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

J'ai appliqué cet effet à mon menu, de sorte que lorsque la souris passe sur le lien, il indique ce effet de fondu, mais lorsque la souris est libéré, l'effet joue de nouveau. Il ne faut pas. Il ne devrait jouer qu'une fois lorsque la souris est sur le lien, pas d'un autre temps, lorsque la souris est en dehors.

InformationsquelleAutor user1091856 | 2012-01-05
  1. 18

    .hover() a deux rappels, un pour mouseenter et un pour mouseleave.

    Vous êtes probablement mieux avec mouseenter:

    $(document).ready(function(){
    $("#menu a").mouseenter(function() {
        $(this).animate({opacity: 0.25}, function(){
            $(this).animate({opacity: 1});
        });
    });
});
    • Le jQuery .hover() événement poignées mouseenter et mouseleave, pas mouseover et mouseout.
    • Méthode actuelle est d'utiliser .on("mouseover")
    • est un raccourci pour .on('mouseover')
    • c'est bien, mais ce n'est pas la méthode recommandée car vous ne pouvez pas faire des choses comme dans diEcho de réponse.
    • mouseenter est correct, par la documentation: "quand la souris entre dans un élément".
    InformationsquelleAutor Blender
  2. 5

    essayez-le avec les jQuery v1.7

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

    travail DÉMO

    • vraiment sympa de répondre
    InformationsquelleAutor diEcho
  3. 2

    de l'essayer. ajouter $(this).stop() sur hoverout événement

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

    Essayer:

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

    vous devez vérifier que vous obtenez le même objet ou pas

    exemple:

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

    Si vous voulez le feu une fois sur le vol stationnaire, l'utilisation mouseenter à la place: 

    $("element").mouseenter(function(){
    //event here
});
    InformationsquelleAutor Ben