2012-04-06 12 views
0

Ich habe einige jQuery-Code, der versucht, die ersten 6 divs beim Laden der Seite anzuzeigen und alle anderen ausblenden. Es ist übersät mit Fehlern, aber im Idealfall versuche ich eine Funktion zu erstellen, die die nächsten sechs divs eines Ereignisses anzeigt, wenn der Benutzer schließlich nach unten scrollt. Ich weiß, dass mein Code nicht großartig ist, aber ich habe mein Bestes getan, um es so einfach wie möglich zu machen. Der Code ist here, und jede Hilfe wäre sehr willkommen! Vielen Dank im VorausjQuery-Funktion show divs mit Anzeige: keine

+1

Wenn Sie Ihr Skript in einem Browser ausführen und es nicht funktioniert, erhalten Sie normalerweise eine akzeptable Beschreibung dessen, was in der Konsole falsch gelaufen ist. In Firefox können Sie es mit Strg + Shift + J öffnen, in IE denke ich, es ist F12. Es gibt dir Hinweise auf Dinge wie 'unerwartet, erwartet'; Sie müssen oft nach unten scrollen und versuchen, den Fehler erneut auszulösen, da viele Websites die Konsole mit Fehlern überschatten. – Armatus

+0

Danke! Wirklich hilfreich :) – jacktheripper

Antwort

1

Ich denke, das ist das, was man wollte:

http://jsfiddle.net/gRzPF/8/

Wenn ich verstehe, jedes Mal wenn Sie richtig auf den Grund gehen des Fensters, in dem die nächsten 6 divs angezeigt werden sollen. Mein Edit erreicht das.

Sie mussten nur Semikolons in Ihrer for Anweisung verwenden, eine Funktion umschließen und Ihre constraintNumber Variable in diese Funktion verschieben.

1

ersetzen

for (i = contentNumber, i < constraintNumber, i++;) { 

von

for (i = contentNumber; i < constraintNumber; i++) { 

in Javascript (und C), ;

in jsfiddle die drei Elemente einer for Anweisung trennen müssen, Sie haben ' JSLint 'Taste, um den Codefehler zu bestätigen !! Benutze es !

+0

Ahh brilliant danke! Es sind immer die kleinen Dinge. Weißt du, wie ich es in eine Funktion verwandeln könnte? Und rufen Sie diese Funktion auf, wenn der Benutzer den unteren Rand der Seite erreicht (ich habe diesen Code bereits)? – jacktheripper

+0

vielleicht so: http://jsfiddle.net/8GkF3/ –

1

Hier http://jsfiddle.net/gRzPF/7/ ich Ihren Code geändert, jetzt scheint es zu funktionieren :)

+0

Perfekt! Wird sofort akzeptiert, ein Bug: Wenn Sie am Ende der Seite kommen, verschwindet alles? – jacktheripper

+0

Nicht sicher, dass ich das Problem beim ersten Mal richtig verstanden habe, versuchen Sie dies: http://jsfiddle.net/gRzPF/9/ –