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

Posted 2023-05-09

【中文标题】Joyride 正在工作，但没有调用 postRideCallback

【英文标题】：Joyride is working, but not calling 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 永远不会被解雇。我做错了什么？

【参考方案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
        );
    );