Zurb基地兜风尖位置＆＃39;右边＆＃39;左边＆＃39;

Question

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

demo

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

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

Answer 1

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

$(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。