Zurb基金会欢乐骑行提示位置"正确"/ 'left'

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.