我在获取Joyride的jQuery插件方面遇到了很多麻烦。我以为这看起来很简单,但是没有发生。

我的页面上包含以下脚本:

<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>


由于某些原因,加载页面时绝对没有任何反应。我在控制台中没有任何错误,实际上什么也没发生。有人遇到这个问题吗?

最佳答案

要查看发生了什么,请将选项autoStart: true放入joyride函数中:

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


Here's a working plunk.

顺便说一句,如果为您的ol提供一个joyRideTipContent的ID,那么CSS会自动将其设置为display: none

关于javascript - jQuery Joyride插件-什么都没发生?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23484492/

10-13 00:19