问题标签 [zurb-joyride]

我最近开始玩兜风。太棒了。但是，我遇到了一些重大的响应问题。当我调整浏览器大小时，提示位置会发生变化。例如，当原始位置为“顶部”时，当我调整浏览器大小时它突然变为“底部”。

我到处寻找解决方案，但无法找到发生这种情况的原因。

有没有人遇到这个问题和/或知道解决这个问题的方法？

提前致谢！

我的 Joyride 效果很好。它在页面加载后开始。当单击停止按钮或完成游览时，它会停止。我的重新启动链接重新启动了兜风之旅。仅有的...

添加 Joyride 设置，cookie_monster: true防止每次访问时重新开始游览。好的！不幸的是，它还阻止了重新启动链接的工作。这种行为是有道理的。start 函数不知道它是在页面加载时调用还是从链接调用。该链接必须使用其他方法，或设置某些内容以绕过 cookie 检查。

您知道让用户在被cookie_monster首次显示设备隐藏后启动 Joyride 的魔力吗？

正文标记：

Javascript：

我用joyride.js 制作了一个带有一些工具提示的页面。

有没有办法从另一个页面链接到特定的兜风工具提示？谢谢

编辑 7/16/15：我最终在<li>我需要禁用“x”的兜风标签之间使用它。
<script>$('.joyride-close-tip').remove();</script>
不是最干净的解决方案，但可以满足我的需要。


原始帖子
文档在这里

如果您打开文档页面，其中有一个joyride 示例，所有的joyrides 都会在右上角有一个“x”，但我不想在大多数joyrides 上显示那个节目。

据我所知，从 .scss 文件中删除 $joyride-tip-close 元素并不是一个好习惯。我还想知道如何做到这一点，而不必基本上复制和粘贴所有没有joyride-close-tip部分的joyride scss（这似乎是“x”的样式）。

提前致谢。

Just wondering if anyone knows if it is possible to style Foundation's Joyride tooltips to look something like this?

Specifically the little progress indicator and the placement of the button.

or even if anyone could point me towards some sort of resource in how to set something like this up?

Thanks

我刚刚安装了 wordpress（最新）和基础新闻主题（最新）的干净副本。是否可以让 Joyride 在管理区域运行以向客户显示基本信息，如果可以，您将如何开始该过程？

更新：尝试使用它制作插件，但脚本不加载，我像这样将它们排入队列。我将初始化添加到单独的 js 文件中。

}

我正在构建一个 Chrome 扩展程序，它在任何 HTML 页面（即在浏览器窗口中查看的任何页面）内创建一个 iFrame。

iFrame 由 Chrome 扩展的内容脚本“注入”到 HTML 页面中。生成的 HTML 如下所示：

在内容脚本将 iFrame 添加到主页面的 DOM 后，它继续通过操作自己的 DOM 来使用内容填充 iframe。我使用 Zurb CSS 来设置 iframe 内容的样式。

这一切都很好。

我现在正在尝试将 Zurb Joyride 添加到 iframe 的内容中，而这正是我无法开始工作的地方。

我的清单的 content_scripts 声明如下所示：

我怀疑 iframe 本身需要访问 Zurb 脚本，以及作为扩展的一部分由清单加载的foundation.min.js，我的内容脚本还在 iframe 中添加相关标签（通过操作 DOM ）。我的理解是 iframe 中的关键元素是：

• Zurb JS 文件的标签
• 将兜风附加到 (id="testjoyride") 的对象
• 兜风内容本身
• 对foundation()的初始化调用

因此，考虑到这一点，我的清单的 web_accessible_resources 声明如下所示：

然后使用内容脚本在 iframe 中构建以下 HTML：

然后，最后，当所有上述内容都附加到 iframe（当然，iframe 附加到父页面的 DOM）时，我从 content_script 调用foundation()。

我想我需要这样称呼它： $(window.frames.myIframe.contentWindow.document).foundation('joyride', 'start');

即传入iframe的文档对象，而不是父页面**

所以我做了所有这些，但没有任何反应。兜风不会出现，HTML 也不会转换为自动生成的输出（如此处所述）。

我在一个简单的 HTML 页面中创建了一个测试用例，它运行良好，我试图将该测试页面移动到 iframe 中，而joyride 停止工作。因此，尽管没有太多信心，但我怀疑问题在于 iframe，而不是 Chrome 扩展。

** 注意，我将此调用放在所有 DOM 操作的末尾。在我将我创建的新 HTML 添加到 iframe 的 DOM 之后，以及在创建我所有的侦听器等之后。所以我相信脚本和游戏应该在那时“那里”。但是，如果我在调用foundation('joyride','start') 之前粘贴一个alert()，则警报会在其后面显示一个空的iframe，并且只有在我关闭警报之后才会填充iframe。这是否重要，或者只是警报的奇怪效​​果，我不知道。

我正在尝试在我的网站中使用 Foundation 的兜风。我在Zurbs主页上举了这样的例子

然后在javsScript中我像这样初始化它

我在控制台上收到此错误，

未捕获的 RangeError：超出最大调用堆栈大小

关于我如何得到这个错误的任何解释？

我在我的网络应用程序中使用 Foundations Joyride 插件。我想要实现的是用户可以说在每一步都不再向我显示按钮的地方。

例如，我在第一个项目上，我想要两个按钮，下一步/不再显示。

有没有办法得到它？

有没有办法破坏 Zurb 基金会提供的兜风。我正试图像这样摧毁兜风

但我收到了这个错误

未捕获的类型错误：$(...).joyride 不是函数(...)