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

Question

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

demo

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

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

Answer 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​​ 。