Zurb基金会兜风位置'右'/'左'

Question

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

demo 

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

的文档是不是关于如何实现它清晰。有什么建议么！！

Answer 1

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

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