/ / Foundation Joyride se inicia solo con la primera carga - jquery, zurb-foundation, zurb-joyride

Foundation joyride start solo en la primera carga - jquery, zurb-foundation, zurb-joyride

Estoy usando Foundation Joyride y cada vez que cargo la página web, se inicia el recorrido, pero ¿cómo inicio el recorrido solo la primera vez que se carga la página web?

Mis ajustes son ...

$(window).load(function() {

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

});

Respuestas

4 para la respuesta № 1

Al final funcionó y resultó ser el orden en que se declararon los archivos de encabezado.

<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>

2 para la respuesta № 2

Tienes que usar el cookieMonster Opción se a verdadero, con su dominio o falso en cookieDomain.

También quite el cookieMonster: false fuera del paréntesis.

Para que Joyride use cookies debe incluir el jQuery.cookie biblioteca en su página (https://github.com/carhartl/jquery-cookie)

Aquí hay una muestra:

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

De esta manera, verá el recorrido solo la primera vez que visite la página (o cuando borre las cookies).