jQuery Joyride 插件 - 啥也没发生？

Posted 2023-05-09

【中文标题】jQuery Joyride 插件 - 啥也没发生？

【英文标题】：jQuery Joyride plugin - nothing happens?jQuery Joyride 插件 - 什么也没发生？

【发布时间】：2014-06-22 11:08:37

【问题描述】：

我在让 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>

由于某种原因，当我加载页面时绝对没有发生任何事情。我在控制台中没有收到任何错误，实际上没有任何反应。有人遇到过这个问题吗？

【问题讨论】：

难道你不是要在li 上有一个data-id 属性，它表示你希望工具提示出现的元素的ID？

哦，是的，这不是必需的 - 如果您忽略它，它只会作为模态弹出。

@tfogo - 是的，没错。感谢您调查它:)

【参考方案1】：

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

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

Here's a working plunk.

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