jQuery Joyride插件 - 没有任何反应？

Question

我在使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我用以下方式打电话给兜风：

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

我的HTML看起来像这样：

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

出于某种原因，加载页面时绝对没有发生任何事情。我没有在控制台中出现任何错误，几乎没有任何反应。有人有这个问题吗？

Answer 1

要查看任何事情，请将选项autoStart: true放入joyride函数：

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

Here's a working plunk.

顺便说一句，如果您的ol ID为joyRideTipContent，则CSS会自动设置为display: none。