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。