/ / Joyride працює, але не викликає postRideCallback - zurb-foundation, zurb-joyride

Joyride працює, але не викликає 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>

Я встановив пристрій, використовуючи HTML вище. Я можу назвати це:

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

і він успішно працює. Однак, postRideCallback ніколи не звільняють Що я роблю неправильно?

Відповіді:

0 для відповіді № 1

Синтаксис було оновлено для цього, мабуть, в Foundation 5.

Це працює:

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

0 для відповіді № 2

Якщо ви використовуєте Foundation 4, просто спробуйте це:

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

Це буде добре працювати.

Я сподіваюся, що я допоміг вам! = D


0 для відповіді № 3

Я використовую Joyride pluggin, і я використовую це, я сподіваюсь, це допомагає:

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