基础 5 - Joyride 不工作

Posted 2023-05-09

【中文标题】基础 5 - Joyride 不工作

【英文标题】：Foundation 5 - Joyride not working

【发布时间】：2014-06-24 07:35:24

【问题描述】：

我很难让 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');

但是当我加载页面时没有任何反应。我现在有点困惑。有人能帮忙吗？

【参考方案1】：

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

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

为什么 Zurb 不提这完全是个谜。