zurb-foundation - 基础 Joyride 小块位置

Question

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

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

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