Das beste Stiftung Joyride-Tutorial im Jahr 2024. In diesem Tutorial können Sie Stiftung Joyride lernen
Joyride ist die Wirkung eines Funktionsassistenten JavaScript, um eine Instanz erstellen, wie folgt:
Das obige Beispiel, wir zwei Elemente erzeugt, die jeweils einen separaten ID. Zwei Elemente setzt die Start- und Endpositionen joyride.
Wir <ol>
oder <ul>
das Element hinzufügen data-joyride
Eigenschaft und .joyride-list
Klasse , um eine Spritztour zu erstellen. Sie müssen es im Kopf des Dokuments zu definieren (im <body>
im Kopf). Auf jeder Liste <li>
Elemente, die jeweils das Hinzufügen data-id=" value "
Attribut. Attributwert muss das gleiche vor dem ID - Element sein. So ist die erste Navigationsfunktion <h3>
Element mit id = "first" muss sein , Daten-id <li> Element = "erste" Wert Vereinbarung.
Wenn es Ihnen gelingt, die ID nicht stoppen, wird es eine modale Box anzuzeigen.
Schließlich Joyride benötigt JavaScript um es zu initialisieren, ist der Code: $(document).foundation('joyride', 'start');