我在获取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/