基金会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>

并且基金会初始化为

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

但是,当我加载页面时没有任何反应.我现在感到困惑.谁能帮忙吗？

Answer 1

我找到了自己的问题的答案,但我不得不进入基础5的演示代码,找到它.实际上甚至不是文件的兜风的初始化需要如下:

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

为什么Zurb没有提到这是一个完全神秘的问题.