基金会Joyride nub职位

Question

我正在使用Foundation's Joyride plugin而我无法找到将工具提示的小块放在其左侧的方法。希望有人以前解决过它。

Answer 1

可以在标记的data-options属性中设置nub的位置，也可以在初始化期间传入。

数据选项属性示例：

<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
  • 如何使用和配置Foundation使用的JavaScript的一般概述，例如如何在初始化期间设置默认值。
• http://zurb.com/playground/jquery-joyride-feature-tour-plugin
  • 一个很好的起点和下载模板，真正展示了兜风可以做什么。
• http://cdpn.io/eKgIE
  • 一个CodePen我一起测试小块定位。

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