基金會5 - Joy not不工作

Question

我正在努力讓Joyride工作。我已經按照Zurb文檔中的描述輸入了代碼，但它不會運行。我需要一些關於我可能會做錯什麼的建議。

<div class="row"> 
    <div class="large-12 columns"> 
    <ul> 
     <li><h2 id="firstStop" class="panel">First</h2></li> 
     <li><h2 id="secondStop" class="panel">Second</h2></li 

    </ul> 
    </div> 
</div> 

在頁面的底部我有

<!-- At the bottom of your page but inside of the body tag --> 
    <ol class="joyride-list" data-joyride> 
     <li data-id="firstStop" data-text="Next"> 
     <p>Test</p> 
     </li> 
     <li data-id="secondStop" data-text="Next"> 
     <p>Test</p> 
     </li> 
     <li data-button="End"> 
     <p>Test</p> 
     </li> 
    </ol> 

和基礎初始化爲

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

然而，當我加載頁面沒有任何反應。我現在感到困惑。有誰可以幫忙嗎？

Answer 1

我找到了自己的問題的答案，但我不得不爬到基金會5的演示代碼後面找到它。兜風的初始化。它實際上不是連文件必須如下：

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

爲什麼Zurb沒有提到這是一個總的謎。