基础5 - Joyride不工作

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>

And foundation初始化为

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

然而，当我加载页面时，什么也没有发生。我现在有点糊涂了。有人能帮忙吗?

Answer 1

我找到了我自己问题的答案，但是我必须深入到Foundation 5的演示代码中才能找到它。joyride的初始化，实际上甚至不是文档，需要如下:

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

为什么Zurb没有提到这一点，这完全是个谜。