The best Foundation Joyride Tutorial In 2024, In this tutorial you can learn Foundation Joyride
Joyride is the effect of a JavaScript function wizard, create an instance as follows:
The example above, we create two elements, each has a separate ID. Two elements sets the start and end positions joyride.
We <ol>
or <ul>
to add the element data-joyride
property and .joyride-list
class to create a joyride. You need to define it in the head of the document (in the <body>
in the head). Used on each list <li>
elements, each adding data-id=" value "
attribute. Attribute value must be the same before the id element. So the first navigation function <h3>
element using id = "first" must be data-id <li> element = "first" value agreement.
If you do not manage to stop the id, it will display a modal box.
Finally, Joyride requires JavaScript to initialize it, the code is: $(document).foundation('joyride', 'start');