jQuery slideToggle tut sowohl slidedown und slideUp in IE8 gleichzeitig

ich mein Problem hier hochgeladen haben: http://gotchance.com/k2/jQuery slideToggle tut sowohl slidedown und slideUp in IE8 gleichzeitig

Versuchen Sie, auf den Link "Login" klicken. Es funktioniert gut in FF und Safari. Im IE8 wird das Formular jedoch nach unten verschoben und dann automatisch wieder nach oben verschoben.

Zu Testzwecken habe ich 4 weitere "Test" -Links hinzugefügt und festgestellt, dass nur die Links in #navigation div dieses Problem verursachen.

Auch wenn ich mit einem anderen Element wie "Knopf" "Eingabe" umschalten, funktioniert es gut. Nur die "a" -Tags in der "#navigation" verursachen das Problem.

Irgendwelche Ideen?

Quelle

2009-06-18 Shrihari

Haben Sie versucht, die Anmelde-Schaltfläche spezifischer für den jQuery-Selektor ** $ ("ein # loginLink") ** anstelle von ** $ ("a") ** anzugeben? –

Ja, ich habe sogar versucht, diese $ (# # wrap #header #navigation ul li a # loginLink ') und alles dazwischen. – Shrihari

Ihr HTML wird nicht validiert. Stellen Sie immer sicher, dass Sie es zuerst durch die w3c validator ausführen. Ein ungültiges Dom kann die Hölle mit jQuery Selektoren spielen (besonders in ie).

Auch habe ich festgestellt, dass die abgerundeten und font-Plugins einige ungerade Markup produzieren, die auch Probleme verursachen können.

Haben Sie versucht, die Seite bis auf die Knochen zu entfernen und dann die Funktionalität Stück für Stück hinzuzufügen, um sicherzustellen, dass nach jedem Schritt Ihr Toggle funktioniert.

Quelle

2009-06-18 15:57:44 redsquare

Danke :) das hat geholfen. Das Problem war auf das Ecken-Plugin zurückzuführen. Jetzt, 1) Können Sie einige andere abgerundete Ecken vorschlagen? 2) Und wenn das Login-Formular zurückgeht, bewegt sich die Überschrift "Willkommen bei Kontactr" um einige Pixel nach oben und berührt die grüne Linie. Dann kommt es automatisch runter. Irgendeine Idee, was das verursacht? – Shrihari

Meiner Meinung nach haben alle Plugins mit abgerundeten Ecken Probleme und verwenden viel zu viel extra Markup. Ich benutze Bilder oder benutze einfach den css und moz-border-radius, dh die User werden natürlich darunter leiden müssen !! – redsquare

Ein Problem, das ich sehe, ist, dass Sie ein zusätzliches Komma in Ihrer custom.js-Datei haben. Das zusätzliche Komma ist auf der Leitung 25.

Bevor:

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

Nach:

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

Ich weiß nicht, ob das wird wenn Ihr Problem lösen.

Quelle

2009-06-18 14:53:38

jQuery slideToggle tut sowohl slidedown und slideUp in IE8 gleichzeitig

Antwort

Verwandte Themen