/ / Joyride está funcionando, pero no está llamando a postRideCallback - zurb-foundation, zurb-joyride

Joyride está funcionando, pero no está llamando a postRideCallback - zurb-foundation, zurb-joyride

<ol data-joyride="" aria-hidden="true" style="display: none;" id="tour">

<li data-id="mailbox-menu" data-button="Next" data-options="tipLocation: bottom"><h4>first</h4><div><p>xxx</p><p>yyy</p><p>zzz</p></div></li>

<li data-id="new-domain" data-button="Next" data-options="tipLocation: bottom"><h4>second</h4><div><p>aaa</p></div></li>
</ol>

Puse una joyride usando el html de arriba. Puedo llamarlo con:

$(document).foundation("joyride", "start", {
"postRideCallback": function () {
window.alert("hello world");
}
})

y funciona con éxito sin embargo, el postRideCallback nunca es despedido ¿Qué estoy haciendo mal?

Respuestas

0 para la respuesta № 1

La sintaxis se ha actualizado para esto, aparentemente en Foundation 5.

Esto funciona:

$(document).foundation(
{ joyride :
{ post_ride_callback : function()
{ window.alert("hello world"); }
}
}).foundation("joyride", "start")

0 para la respuesta № 2

Si está utilizando Foundation 4, intente esto:

$(function(){
$("#joyride01").foundation()
.foundation("joyride", {
postRideCallback :function() { window.alert("hello world"); // or whatever you want to call
}
});
});

Eso va a funcionar bien.

¡Espero haberte ayudado! = D


0 para la respuesta № 3

Estoy usando el complemento Joyride y lo uso, espero que ayude:

        $(window).load(function () {
$("#joyRideTipContent").joyride({
"tipLocation": "top",
autoStart: true,
postRideCallback: function () {
PromptDisableTutorial();
},
modal: false,
expose: true
});
});