我正在使用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
它表示 joyride 尝试重新定位工具提示的顺序。
例如,如果您将tip_location
设置为left
(上面tip_location_patterns
中的第三个选项)并且它不适合屏幕,它会在right
上重新定位并检查它是否适合,然后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();
}