slideToggle jQuery fait les deux slideDown et slideUp dans IE8 simultanément

J'ai téléchargé mon problème: http://gotchance.com/k2/slideToggle jQuery fait les deux slideDown et slideUp dans IE8 simultanément

Cliques sur le lien « Connexion ». Cela fonctionne très bien dans FF et Safari. Cependant, dans IE8, le formulaire glisse vers le bas et glisse ensuite de nouveau automatiquement.

A des fins de test, j'ai ajouté 4 autres liens "test" et trouvé que seuls les liens à l'intérieur de #navigation div provoquent ce problème.

Aussi, si je bascule en utilisant n'importe quel autre élément comme "bouton" "entrée", cela fonctionne très bien. Seuls les balises "a" à l'intérieur de "#navigation" provoquent le problème.

Des idées?

Source

2009-06-18 Shrihari

Avez-vous essayé de spécifier le bouton de connexion plus spécifique au sélecteur jQuery ** $ ("a # loginLink") ** au lieu de ** $ ("a") **? –

ouais, j'ai même essayé ce $ ('# wrap #header #navigation ul li un # loginLink') et tout le reste. – Shrihari

Votre code HTML ne valide pas. Assurez-vous toujours de le faire passer par le w3c validator en premier. Un dom invalide peut jouer à l'enfer avec les sélecteurs jquery (surtout en ie).

J'ai également remarqué que les plugins arrondis et de police produisent un balisage impair qui peut également causer des problèmes.

Avez-vous essayé de dépouiller la page jusqu'à ses os nus, puis d'ajouter la fonctionnalité une pièce à la fois en vous assurant après chaque étape que votre bascule fonctionne.

Source

2009-06-18 15:57:44 redsquare

Merci :) qui a aidé. Le problème était dû au plugin corners. Maintenant, 1) Pouvez-vous suggérer d'autres coins arrondis? 2) Et lorsque le formulaire de connexion est déplacé, le titre "Welcome to Kontactr" se déplace de quelques pixels vers le haut et touche la ligne verte. Ensuite, il descend automatiquement. Une idée de ce qui cause cela? – Shrihari

À mon avis, tous les plugins arrondis coin ont des problèmes et utilisent beaucoup trop de balisage supplémentaire. J'utilise des images ou simplement utiliser le CSS et moz-border-radius, bien sûr que les utilisateurs devront souffrir sans !! – redsquare

Un problème que je vois est que vous avez une virgule supplémentaire dans votre fichier custom.js. La virgule supplémentaire est en ligne 25.

Avant:

confirm: { 
      required: true, 
      equalTo: "#rpassword" 
     }, 
    },

Après:

confirm: { 
      required: true, 
      equalTo: "#rpassword" 
     } 
    },

Je ne sais pas si cela va résoudre votre problème cependant.

Source

2009-06-18 14:53:38

slideToggle jQuery fait les deux slideDown et slideUp dans IE8 simultanément

Répondre

Questions connexes