1

我在让 jQuery 的 Joyride 插件工作时遇到了很多麻烦。我认为这似乎很简单,但它没有发生。

我的页面上有以下脚本:

<script src="/Scripts/jquery-1.11.0.js"></script>
<script src="/Scripts/jquery.cookie.js"></script>
<script src="/Scripts/jquery.joyride-2.1.js"></script>
<script src="/Scripts/application.js"></script>

并且所有三个都正确加载。在application.js我以下列方式调用joyride:

$(window).load(function () {
    $('#tour').joyride();
});

我的 HTML 看起来像这样:

<ol id="tour">
    <li><p>This is the tour.</p></li>
</ol>

出于某种原因,当我加载页面时绝对没有发生任何事情。我在控制台中没有收到任何错误,实际上什么也没有发生。有人遇到过这个问题吗?

4

1 回答 1

5

要查看发生的任何事情,请将选项autoStart: true放入joyride 函数中:

$(window).load(function () {
    $('#tour').joyride({
        autoStart: true
    });
});

这是一个工作的笨蛋。

顺便说一句,如果你给你ol一个id, CSSjoyRideTipContent会自动设置它display: none

于 2014-05-06T02:04:06.473 回答