【问题标题】:Zurb foundation joyride tip location 'right'/ 'left'Zurb 基金会兜风提示位置“右”/“左”
【发布时间】:2014-11-14 19:52:56
【问题描述】:

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

demo

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

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

【问题讨论】:

    标签: zurb-foundation zurb-joyride


    【解决方案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

    【讨论】:

    • 它将提示移动到 div 的顶部。我希望它们在 div 旁边(右或左)。
    猜你喜欢
    • 2014-04-09
    • 1970-01-01
    • 2014-07-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多