Menu icon Foundation
postRideCallback isn't called after 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>   

         

I set a joyride up using the html above. I can call it with:

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

and it successfully runs. However, the postRideCallback is never fired. What am I doing wrong?

Thanks

joyridepostRideCallback

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

         

I set a joyride up using the html above. I can call it with:

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

and it successfully runs. However, the postRideCallback is never fired. What am I doing wrong?

Thanks