基础Joyride Nub位置

Question

我正在使用Foundation的Joyride插件，我找不到将工具提示的Nub放置在其左侧的方法。希望有人以前解决了。

Answer 1

可以在标记中的数据选项属性中设置NUB的位置或在初始化期间传递。

data-options属性示例：

<ol class="joyride-list" data-joyride>
    <li data-id="firstStop" data-text="Next" data-options="nub_position: left;">
        <p>nub_position: left;</p>
    </li>
</ol>

在初始化期间示例：

// Set the default nub_position
$(document).foundation({
      joyride : {nub_position: 'left'}
});
// Start Joyride
$(document).foundation('joyride', 'start');

您可以找到有关配置Joyride的更多信息：

• http://foundation.zurb.com/docs/components/joyride.html
  • 有一个称为可选的JavaScript配置的部分，该部分将为您概述可以配置的内容概述。
  • 请注意，该文档使它看起来可以作为 nubPosition 进行裁定，但实际上您必须使用 nub_position 。您可以在Joyride JavaScript文件中检查变量名。
• http://foundation.zurb.com/docs/javascript.html
  • 关于如何使用和配置基金会使用的JavaScript的一般概述，例如如何在初始化期间设置默认值。
• http://zurb.com/playground/jquery-joyride-feature-tour-plugin
  • 一个开始并下载真正展示Joyride可以做什么的模板的好地方。
• http://cdpn.io/ekgie
  • codepen i一起测试Nub定位。

如果您有任何疑问，请告诉我。