我努力让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');
但是加载页面时没有任何反应。我现在感到困惑。谁能帮忙吗?
答案 0 :(得分:5)
我找到了自己问题的答案,但我不得不深入研究基础5的演示代码,找到它。实际上甚至不是文件的兜风的初始化需要如下:
$(document).foundation().foundation('joyride', 'start');
为什么Zurb不提及这是一个完全神秘的事。