Ich bin ein neuer Programmierer, der mich so beschlagnahmt, wenn dieser Amateur ... Ich suche eine Richtung, oder vielleicht ein paar Ideen. Mein Ziel ist es, dass ich lerne, also würde jeder Schritt in die richtige Richtung befürwortet werden.
ok .. Ich habe mich selbst dazu herausgefordert, ein 'Wizard' ähnliches Steuerelement für ein einfaches Anmeldeformular mit jQuery zu erstellen. Ich kann die Schritte ziemlich gut durchstehen, aber ich sehe mir meinen Code an und ich kann nicht anders, als zu denken. "Es muss einen besseren, leichteren und korrekten Weg geben, dies zu tun". Hier ist was ich habe.
%Vor%Außerdem habe ich mich selbst beim Erstellen einer "Zurück-Taste" -Funktion vermasselt. Dieser Code ist einfach nicht gut genug. Wie würdest du das angehen? Danke !!!
Ich habe @Boaz-Code bearbeitet und jetzt bekommst du etwas sauberes, was ich dir auch helfen kann, es besser zu verstehen . Ich habe auch einige Kommentare hinzugefügt.
Der jQuery-Code wird
%Vor%Ich würde einfach jquery verwenden, um eine Klasse="activeStep" umschalten und den Rest (ausblenden, zeigen, verblassen) mit CSS.
Sie möchten wahrscheinlich in jQuerys prev () und next () Methoden. Kombiniert mit einer Logik, die auf einem Klassennamen für die Schritte basiert (anstelle von DOM-IDs), können diese Methoden Ihren Code sehr leicht verkürzen und vereinfachen.
Ein ungefähres wortreiches Beispiel:
%Vor%Dies sollte eine beliebige Anzahl von Schritten im folgenden Markup gut behandeln:
%Vor%Solange @stefanz meinen Code verbessert, kann ein noch einfacherer und allgemeinerer Ansatz darin bestehen, die Handler der Navigationsknöpfe ebenfalls an eine Klasse zu binden:
%Vor%Dies hat den Vorteil, dass Sie mehr als einen Satz Navigationsschaltflächen hinzufügen können, wenn Sie beispielsweise oben und unten Navigationsleisten haben möchten:
%Vor%