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 № 1Al 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).