Jquery passez fadeIn/fadeOut problème

http://www.izrada-weba.com/orso
Sur passage de la souris sur le lien "NENATKRIVENA TERASA..." sous-menu et image fade dans l'ensemble. Sous-menu est affiché à l'aide de certains de script téléchargé et de l'image ci-dessus est la décoloration à l'aide de mon code:

$(document).ready(function () {
   $("#slika1").hide();

  $("#test,#submenu2").hover(
      function () {
       $("#slika1").fadeIn();
      }, 
      function () {
         $("#slika1").fadeOut();
      }
    );       
});

Quand la souris est sur le lien de l'image s'estompe, et lorsque la souris est déplacée à sous-menu image s'estompe et que s'estompe à nouveau... je sais pas pourquoi, c'est que si, mais je ne sais pas comment faire il pas fadeout lors du déplacement de la souris directement à partir du lien de sous-menu.
Existe-il des solutions?

Grâce,
Ile

OriginalL'auteur ilija veselica | 2009-10-30

  1. 16

    La fonction stop() s'arrête en cours d'exécution animations sur l'élément spécifié.

    Essayez de modifier votre fonction mouseover:

    $("#slika1").stop().fadeIn();


    Edit:

    Il semble y avoir un problème avec le sous-menu, pas de décoloration dans toute la voie (voir l'ile de commentaire). Il me semble qu'à l'instar de ses jQuery bug, mais je ne suis pas sûr. Peut-être quelqu'un peut-carillon et expliquer pourquoi ce qui se passe.

    Pour contourner cela, essayez d'utiliser fadeTo(); il semble pour produire le résultat désiré:

    $(document).ready(function () {
  $("#slika1").fadeTo(0,0);

  $("#test,#submenu2").hover(
    function () {
      $("#slika1").stop(true).fadeTo("normal",1);
    }, 
    function () {
      $("#slika1").fadeTo("normal",0);
    }
  );       
});
    Super! Merci, Jataro!
    Hmmm, il y a un nouveau problème se produise maintenant, lorsque vous déplacez la souris rapide de lien de sous-menu image ne s'arrête pas à 100% et puis l'image reste transparente, même si je fais moseouver nouveau :/
    Un grand MERCI!!! Vous m'avez sauvé beaucoup de temps 🙂
    Si un jQuery fadeOut événement est interrompue avec un arrêt de la fadeIn événement va seulement aller aussi loin que l'opacité qu'il avait lors de l'événement d'arrêt a été appelé. Cela semble être un bug, +1 pour la fadeTo solution de contournement.

    OriginalL'auteur Jataro

  2. 1

    Le problème avec fadeIn() ne fonctionne pas lorsque le fadeOut() est interrompu est parce que fadeIn() ne fonctionne que si l'élément est caché. Si vous appelez ça un bug ou une fonctionnalité. Pour remédier à cela, vous pouvez effectuer les opérations suivantes.

    $("#mydiv").stop().hide().fadeIn(450);

    OriginalL'auteur mindtwitch