Joyride 正在工作，但没有调用 postRideCallback答案

【问题标题】：Joyride is working, but not calling postRideCallbackJoyride 正在工作，但没有调用 postRideCallback
【发布时间】：2014-03-16 17:00:27
【问题描述】：

<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 永远不会被解雇。我做错了什么？

【问题讨论】：

标签： zurb-foundation zurb-joyride

【解决方案1】：

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

这行得通：

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

【讨论】：

【解决方案2】：

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

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

这会很好。

希望对你有所帮助！ =D

【讨论】：

【解决方案3】：

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

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

【讨论】：