zurb-foundation - Joyride 正在工作，但没有调用 postRideCallback

Question

<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它从未被解雇。我究竟做错了什么？

Answer 1

如果您使用的是 Foundation 4，请尝试以下操作：

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

那会很好的。

我希望我对你有帮助！=D

Answer 2

语法已为此更新，显然在 Foundation 5 中。

这有效：

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

Answer 3

我正在使用 Joyride 插件并使用它，希望对您有所帮助：

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