我使用的是Foundation Joyride,每次加载网页时都会启动导览,但是如何仅在首次加载网页时才开始导览?
我提到了问题Foundation joyride start only on first load。但不起作用。
我的设置是..
<script src="~/Scripts/Foundation/foundation.js"></script>
<script src="~/Scripts/jquery.cookie.js"></script>
<script src="~/Scripts/Foundation/foundation.joyride.js"></script>
<body>
.......................
<ol class="joyride-list" data-joyride id="tour">
<li data-id="welcome" data-text="Next" data-options="tip_location:top">
<p>Welcome, you can manage your accont details here.</p>
</li>
<li data-id="numero2" data-button="End">
<p>You can see all the Log details here.</p>
</li>
</ol>
<script>
$(window).load(function () {
$("#tour").joyride({
cookieMonster: true,
cookieName: 'JoyRide'
});
});
$(document).foundation();
$(document).foundation('joyride', 'start');
</script>
</body>
最佳答案
一种简单的方法是使用本地存储。
参见下面的代码:
if (!localStorage['tutorial']) {
localStorage['tutorial'] = 'yes';
$(document).foundation('joyride', 'start');
}
它将仅在第一次加载网页时启动Joyride。
希望对您有帮助! =)
关于jquery - Foundation Joyride仅在首次加载问题时开始,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21928203/