Основы Joyride выпуски

Question

Я пытаюсь использовать joyride Foundation на своем веб-сайте. Я взял пример на Zurbs домашнюю как этот

<ol class="joyride-list" data-joyride> 
<li data-id="firstStop" data-text="Next" data-options="tip_location: top; prev_button: false"> 
    <p>Hello and welcome to the Joyride <br>documentation page.</p> 
</li> 
<li data-id="numero1" data-class="custom so-awesome" data-text="Next" data-prev-text="Prev"> 
    <h4>Stop #1</h4> 
    <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p> 
</li> 
<li data-id="numero2" data-button="Next" data-prev-text="Prev" data-options="tip_location:top;tip_animation:fade"> 
    <h4>Stop #2</h4> 
    <p>Get the details right by styling Joyride with a custom stylesheet!</p> 
</li> 
<li data-button="End" data-prev-text="Prev"> 
    <h4>Stop #3</h4> 
    <p>It works as a modal too!</p> 
</li> 

, а затем в javsScript я инициализировать его, как этот

$(document).foundation('joyride', 'start'); 

я получаю эту ошибку на моей консоли,

Uncaught RangeError: Maximum call stack size exceeded

Любые объяснения, как я получаю эту ошибку?

Answer 1

Звучит так, что на странице отсутствует элемент для подключения Joyride. Ваш код содержит модальные модели JoyRide, но не содержит элемент для присоединения.

Добавить

<div id="firstStop">First Stop</div> 

к вашему HTML.

Работает demo.