IE9 respecteren jquery hover ()

Ik heb een div die geanimeerd is op hover (ik gebruik de methode .hover() van jQuery). De div bevat een formulier met een select. Door de select en zweefbeweging op de opties te openen, wordt IE9 geïnterpreteerd als het hebben van "un-hovered" van de parent-div, waardoor de tweede zweefanimatie wordt geactiveerd. Je kunt het hier zien:

http://www.oliveboutiquehotelpr.com/temp/

Om het even welke ideeën op hoe om dat te vermijden? Het werkt prima in alle andere grote browsers.

Sorry about that, here's a jsFiddle: http://jsfiddle.net/jun6g/1/

1
Nadat ik je vraag heb gelezen, wilde ik je echt vertellen om 'het aan zijn ouders te vertellen'
toegevoegd de auteur vol7ron, de bron
Vermeld alstublieft uw code. We moeten niet op uw site zoeken om te vinden waarnaar u verwijst. Een jsfiddle zou ook erg nuttig zijn.
toegevoegd de auteur Josh Mein, de bron
zodat je het weet: wanneer ik op de derde vervolgkeuzelijst (aantal nachten) klik, wordt de optielijst 500px boven getoond waar hij zou moeten zijn. Chrome 19
toegevoegd de auteur Thomas, de bron

2 antwoord

by adding a variable that reflects the focus of the select and checking that everytime it wants to animate, I have fixed your problem. Javascript code here (JSFiddle)
Update
I have fixed the issue where the select has problems again after you've opened it and closed it by burring the select when the box closes. The code and link have been updated.

  var selectfocused = false;
  $('#block-block-5').mouseover(function() {
      selectfocused = false;
  });
  $('#block-block-5 select').focus(function() {
      selectfocused = true;
  }).blur(function() {
      selectfocused = false;
  });
  $('#block-block-5').hover(function() {
      if (selectfocused == false) {
          console.log(selectfocused);
          $(this).stop().animate({
              top: 0,
              opacity: 1
          });
      }
  }, function() {
      if (selectfocused == false) {
          $('#block-block-5 select').blur();
          $(this).stop().animate({
              top: -294,
              opacity: 0.6
          });
      }
  });

Happy Coding!

4
toegevoegd
Geen probleem voor de hulp. Laat me eens kijken wat ik kan doen aan het probleem dat je hebt aangegeven.
toegevoegd de auteur Kevin Pei, de bron
Ik heb het probleem opgelost dat je hebt opgemerkt. Bedankt dat je erop wees!
toegevoegd de auteur Kevin Pei, de bron
Geen probleem. Als dit uw probleem heeft verholpen, markeert u dit als antwoord door op het vinkje onder de beoordelingen te klikken (de pijlen omhoog en omlaag met het cijfer ertussen)
toegevoegd de auteur Kevin Pei, de bron
Hallo, heel erg bedankt daarvoor. Ik merkte dat als ik een optie selecteer, het probleem terugkeert wanneer ik mijn optie probeer te wijzigen. Wat denk jij?
toegevoegd de auteur user1477567, de bron
Nogmaals bedankt voor het helpen van deze beginner. Proost!
toegevoegd de auteur user1477567, de bron

Er is niet geselecteerd op deze pagina. Hoe dan ook, er is geen zweefteken voor geselecteerde elementen.

0
toegevoegd