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 5中。

这有效：

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

Answer 2

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

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

这样可以正常工作。

我希望我能帮到你！ = d

Answer 3

使用Joyride插件，我使用它，我希望它有所帮助：

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

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

3 个答案: