Zurb foundation 基础漫游问题

我正在尝试在我的网站上使用基金会的joyride。我在Zurbs主页上举了这样的例子

<ol class="joyride-list" data-joyride>
<li data-id="firstStop" data-text="Next" data-options="tip_location: top; prev_button: false">
    <p>Hello and welcome to the Joyride <br>documentation page.</p>
</li>
<li data-id="numero1" data-class="custom so-awesome" data-text="Next" data-prev-text="Prev">
    <h4>Stop #1</h4>
    <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
</li>
<li data-id="numero2" data-button="Next" data-prev-text="Prev" data-options="tip_location:top;tip_animation:fade">
    <h4>Stop #2</h4>
    <p>Get the details right by styling Joyride with a custom stylesheet!</p>
</li>
<li data-button="End" data-prev-text="Prev">
    <h4>Stop #3</h4>
    <p>It works as a modal too!</p>
</li>

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

我在控制台上看到这个错误

未捕获范围错误：超过最大调用堆栈大小

---

有关于我是如何得到这个错误的解释吗？

听起来页面缺少了一个Joyride要附加的元素。您的代码包含JoyRide模态，但不包含要附加到的元素

加

第一站

到您的HTML

---

下面是一个工作示例。

如果删除

$（document）.foundation（）会发生什么代码？您仍然收到错误吗？是的，然后它会删除错误。您是否包含一个带有
id=“firstStop”
的元素，以便Joyride可以附加一个元素？非常感谢。那是不见了。
<div id="firstStop">First Stop</div>