Zurb 基金会兜风提示位置“右”/“左”

Posted 2023-05-09

【中文标题】Zurb 基金会兜风提示位置“右”/“左”

【英文标题】：Zurb foundation joyride tip location 'right'/ 'left'

【发布时间】：2014-11-14 19:52:56

【问题描述】：

我正在使用 Zurb-foundation 5 Joyride 作为导游。这很有帮助。我有一个 div 分成几个垂直的 div。我试图显示每个垂直 div 的信息，但这些提示出现在底部/顶部，而不是出现在右侧/左侧。

demo

http://codepen.io/chetang/full/pAvmf/

文档不清楚如何实现它。有什么建议！！

【参考方案1】：

您需要在使用之前在 Joyride 中定义位置模式，如下所示。

$(document).foundation(
   joyride : 
   tip_location: 'top',
   nub_position: 'auto',
   tip_location_patterns    : 
   top: ['top'],
   bottom: [], // bottom should not need to be repositioned
   left: ['right', 'top', 'bottom'],
   right: ['left', 'top', 'bottom']
 ,

);

如需了解更多信息，请访问http://codepen.io/Parteek/pen/ohHlc。

【讨论】：

它将提示移动到 div 的顶部。我希望它们在 div 旁边（右或左）。