zurb-foundation - 用于 Foundation Joyride tip_location_patterns 选项？

Question

我正在研究 Zurb 的 Foundation Joyride 插件并查看可能的选项。我做了一些工作，但不知道其中一个选项的作用。

 tip_location_patterns: {
    top: ['bottom'],
    bottom: [], // bottom should not need to be repositioned
    left: ['right', 'top', 'bottom'],
    right: ['left', 'top', 'bottom']
 }

我一辈子都弄不明白这些选项应该改变什么。尝试在我的项目代码中更改它们没有任何作用，有没有人知道这样做的目的是什么，以及如何让它正常工作？

https://github.com/zurb/foundation/blob/master/js/foundation/foundation.joyride.js

Answer 1

它表示 joyride 尝试重新定位工具提示的顺序。

例如，如果您将 tip_location 设置为 left(上面 tip_location_patterns 中的第三个选项)并且它不适合屏幕，它会将它重新定位到右边并检查它是否合适，然后是top，最后是bottom。

看这段代码:

    if (!this.visible(this.corners(this.settings.$next_tip)) && this.settings.attempts < this.settings.tip_settings.tip_location_pattern.length) {

      $nub.removeClass('bottom')
        .removeClass('top')
        .removeClass('right')
        .removeClass('left');

      this.settings.tip_settings.tip_location = this.settings.tip_settings.tip_location_pattern[this.settings.attempts];

      this.settings.attempts++;

      this.pos_default();

    }