我使用的是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/

10-09 17:26