2010-04-22 4 views
1

Im ayant des problèmes avec la fonction slideToggle jQuery dans IE8 pour quelque raison que la DIV son ouverture se ferme immédiatement après son ouvertureIE8 Diaporama Basculer Problème

Heres le code im en utilisant

$("h3 a").click(function(){ 
    id = $(this).attr("href");  
    $(id).slideToggle("slow"); 
}); 

et le code HTML

<h3><a href="#promo-materials">Graphic and Pormotional Materials</a></h3> 
    <div id="promo-materials" class="center gallery"> 
     <a href="images/portfolio/bistro.png" rel="facebox"> 
      <img src="images/portfolio/thumbs/bistro.png" alt="" /> 
     </a> 
     <a href="images/portfolio/direct-savings.png" rel="facebox"> 
      <img src="images/portfolio/thumbs/direct-savings.png" alt="" /> 
     </a> 
    </div> 

Voici un lien vers la page fonctionnelle, il fonctionne dans tous les autres navigateurs, y compris IE7

J'ai oublié de poster:

http://bestprintideas.com

J'ai actuellement ce mode de déclenchement Compatiblité depuis que je devais aller au travail aujourd'hui.

+0

Il semble que votre gestionnaire d'événements soit lié deux fois, une raison pour laquelle cela pourrait être le cas? –

Répondre

3

Retirez ce style de droite h3 devant la galerie

display: inline-block; 

qui semble résoudre le problème dans IE8.

+0

A fonctionné parfaitement Merci – jef2904

+0

Merci ça fonctionne bien pour moi :) –

0

Vous pouvez essayer ceci:

$("h3 a").click(function(){ 
    id = $(this).attr("href"); 
    $('#' + id).slideToggle("slow"); 
}); 
+0

Le seul problème est que je fais cela pour plusieurs "h3 a" qui pointent vers différents DIVs – jef2904

+0

@ jef2904: voir ma réponse, mis à jour, je pense que cela devrait faire l'affaire. vous n'avez pas ajouté le '# 'dans votre sélecteur. – Sarfraz

+0

Son 'href' contient déjà un #, c'est dans le code qu'il a posté ... et cela n'explique pas pourquoi * seulement * IE8 a le problème. –

0

Je fais le pari commentaire de Nick à ce sujet d'être tiré est la réponse à deux reprises. J'ai copié votre code ci-dessus et cela fonctionne très bien pour moi dans IE8.