如何配置基础 Joyride 插件回调

Question

我正在使用基础 4.3.1。这是我的代码：

$(document).foundation('joyride', {
    postRideCallback: function () {
        alert('test')
    }
});
$(document).foundation('joyride','start');

我似乎无法让它发出警报（"测试"）它经历了旅程，但随后什么都没有。 不知道我在这里做错了什么。 文档根本不清楚如何或在哪里放置配置选项，它们只提供了它们是什么的列表。

为什么 postRideCallback 不会触发？

Answer 1

好吧，所以我不得不用这个把头撞到墙上很长时间，但最终语法正确。这里是：

$(document).foundation('joyride', 'start', {
    postStepCallback : function (){
        alert('test');
    }
});

Answer 2

我自己很难过。在基础 5 中，解决方案如下。参考自： https://github.com/zurb/foundation/issues/4468

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

Answer 3

您需要先在整个文档上明确声明 foundation，或者先在文档上调用 joyride，然后调用 start + 您的配置...不知道为什么这样设置，因为它非常令人困惑，但这里是：

var config = {
    nubPosition : 'auto',
    postRideCallback : function() {
      alert('done');
    }
$(document).foundation('joyride').foundation('joyride','start',config);

如果它有效，请投票。

Answer 4

我一整天都在寻找相同的回复。我也在使用基础 4.3。来吧：

$(function(){ 
    $(document).foundation()
        .foundation('joyride', {
            postRideCallback:function() { alert('test');}
        });
}).foundation('joyride', 'start');