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

4

3 に答える 3

0

Foundation 4を使用している場合は、これを試してください：

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

それはうまくいくでしょう。

お役に立てば幸いです。=D

于 2014-07-18T20:45:49.863 に答える