JQuery Fadeout: Arbeiten auf einer Seite, aber nicht einer anderen
https://stackoverflow.com/questions/1658488
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianFrage
Das ist also ziemlich spezifisch für eine Website, an der ich arbeite.
Ich habe meinen eigenen, sehr einfachen JQuery -Rotator für einen Showcase / Portfolio -Teil einer Website erstellt, an dem ich arbeite. Auf einer Seite funktioniert das Skript jedoch und auf einer anderen Seite scheint nicht einmal ein einfaches Fadeout () zu funktionieren.
Die beiden Seiten sind:
1) http://dropyx.jonblower.co.uk
2) http://dropyx.jonblower.co.uk/the-work/
Wenn Sie auf die <oder> klicken, sehen Sie, was ich meine. Das gesamte JavaScript ist inline und kann sehen, wenn Sie die Quelle anzeigen.
Jede Hilfe wäre sehr geschätzt. Ich habe den ganzen Nachmittag auf diesem Nachmittag zu kämpfen, und es ist bestimmt etwas Einfaches, das ich übersehen habe.
BEARBEITEN: Interessanterweise funktioniert der Versuch, Fadein () Effekt zu verwenden. Ich kann auch eine einfache "alert ()" anzeigen, wenn die Pfeile auf 2 geklickt werden).
Lösung
Ich hatte vergessen, eine Klasse hinzuzufügen, die auf meiner Titelseite erscheint, aber nicht auf der Portfolio-Seite. Dies fügt die CSS -Eigenschaft "Überlauf: Auto;" hinzu. was das Problem behebt.
Wusste, dass es etwas Einfaches sein würde.
Also nur, um zu klären. Damit Fadeout zur Arbeit ist, muss Element/Container seine Kinder korrekt einschließen.
Andere Tipps
Es sieht so aus, als würde Ihre zweite Seite nur verblassen, bevor sie jemals verblasst. Das Ausführen des Fade-In-Befehls auf der Firebug-Konsole funktioniert einwandfrei.
Bearbeiten: oops ich habe bearbeitet, während du bearbeitet hast. :)
Der Container enthält die Elemente nicht richtig.
In Ihrem CSS hinzufügen
#showcase-page-0 { float: left; }
Sie verpassen auch die Rückgabe falsch aus dem Onclick.
