基础兜风只在第一次装载时开始

我使用的是Foundation Joyride，每次我加载网页时，旅游开始，但我如何在网页第一次加载时才开始旅游?

我的设置是…

$(window).load(function() {
    //Foundation Joyride (Tour)
    $("#tour").joyride({
        'cookieMonster': true,
        'cookieName': 'JoyRide',
        'cookieDomain': 'mydomain.co.uk/',
        'postRideCallback' : function () {
            $(this).joyride('destroy');
        },
        cookieMonster: false
    });
});

终于让它工作了，原来是头文件声明的顺序。

<html>
<head>              
<script type="text/javascript" src="jquery.js"></script>
<link rel="stylesheet" type="text/css" href="foundation.css">
<script type="text/javascript" src="foundation.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript" src="jquery.foundation.joyride.js"></script>      
<script>
    $(window).load(function() {
    $("#tour").joyride({
        cookieMonster: true,
        cookieName: 'JoyRide'
    });
  });
</script>
</head>
<body>
    <ol id="tour">
        <li><p>This is the tour.</p></li>
    </ol>
</body>
</html>

您必须使用cookieMonster选项se为true，在cookieDomain中使用您的域或false。

也删除括号外的cookieMonster: false。

要让joyride使用cookie，您必须在您的页面中包含jQuery.cookie库(https://github.com/carhartl/jquery-cookie)

示例:

$("#tour").joyride({
    cookieMonster: true,
    cookieName: 'JoyRide',
    cookieDomain: false
});

通过这种方式，您将只在第一次访问该页面时(或当您清除cookie时)看到游览。

相关内容

最新更新

热门标签：