问题标签 [zurb-joyride]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
196 浏览

javascript - Joyride - while cookie_monster: true 没有任何作用

与 Foundation 合作真的很容易,但我不知道在这种情况下该怎么做。我通过 Google 挖掘了很多东西,我测试了大约 6 种不同的方法,如何只在第一次访问我的页面时启动 Joyride。这种方法的结果总是不同的,成倍增加的滑块(天知道为什么),空白页或什么都没有改变。

如果我理解得很好,我应该在 'foundation.joyride.js' 的这一部分中设置monster_cookie: true,但是在那之后,即使一次也不会启动兜风,如果cookie_monster: false,我可以在每次加载主/子页面时看到兜风。我尝试清理内存和其他简单的东西,但没有任何效果。你有任何工作/测试的解决方案吗?

我有 5.0.0 版本的 Joyride,当我粘贴 ver: 5.2.1 joyride 的代码时停止工作。

我使用 Foundation 作为 Wordpress 主题,所以这是我的 functions.php 的一部分:

0 投票
1 回答
230 浏览

javascript - 如何更改基础兜风中特定索引的尖端位置?

大家好,我想根据我的索引更改 Tour 中小费的位置

例如,我想在 index 为 4 时更改提示的位置

电流输出为
在此处输入图像描述

必需的:
在此处输入图像描述

0 投票
1 回答
98 浏览

javascript - Foundation Joyride 在 Firefox 中因未知原因抛出错误

因此,我正在将 Foundation 用于我正在构建的网站,一切都很好并且喜欢使用 Foundation,但是在 Windows 机器上的 Firefox 28.0 中,我收到了与 Joyride 相关的 JQuery 错误。

我没有在站点内的任何地方使用 Joyride,所以我真的不明白为什么会发生这个错误,而且它似乎只发生在 FF 中。

我在代码块中附加了错误,您会注意到其中的“Gotham”,Gotham 是我正在使用的自定义字体,但它没有在任何地方的任何 HTML 中引用,只是在 CSS 中,所以我不明白这个在哪里来自。

希望你们能提供帮助,如果您需要更多代码或任何东西,请告诉我。

干杯,卢克。

0 投票
3 回答
461 浏览

html - Zurb Foundation Joyride 根本没有出现

我试图在我的一个项目中使用 Foundation Joyride,但我根本无法让它出现。

有谁知道我可能会错过什么?我到了我制作了一个单独的 html 并剥离它以找出是否有人与之冲突的地步,控制台也没有显示任何内容。

这是代码:

PS:我确实尝试将<ol>所有脚本标签放在下面,但这没有任何区别。

0 投票
1 回答
659 浏览

jquery - 在zurb jquery joyride中禁用特定游览中的下一个按钮

我正在使用http://zurb.com/playground/jquery-joyride-feature-tour-plugin

创建指导教程。我需要在其中一个教程中排除下一个按钮。我确实添加了该教程data-options="nextButton:false;"<li>标签,但仍然可以看到下一个按钮。我正在发布所有相关代码。

并且在li

<li data-id="eleId" data-text="Next: Blah Blah" data-options="nextButton:false;">

0 投票
1 回答
1081 浏览

javascript - jQuery Joyride 插件 - 什么也没发生?

我在让 jQuery 的 Joyride 插件工作时遇到了很多麻烦。我认为这似乎很简单,但它没有发生。

我的页面上有以下脚本:

并且所有三个都正确加载。在application.js我以下列方式调用joyride:

我的 HTML 看起来像这样:

出于某种原因,当我加载页面时绝对没有发生任何事情。我在控制台中没有收到任何错误,实际上什么也没有发生。有人遇到过这个问题吗?

0 投票
1 回答
822 浏览

zurb-foundation - 基础 5 - Joyride 不工作

我正在努力让 Joyride 工作。我已按照 Zurb 文档中的说明输入了代码,但它根本无法运行。我需要一些关于我可能做错了什么的建议。

在页面的底部,我有

基础初始化为

但是,当我加载页面时没有任何反应。我现在有点困惑。任何人都可以帮助吗?

0 投票
0 回答
448 浏览

javascript - 安装 jQuery 插件,未定义不是函数

我正在尝试安装一个 jQuery 插件:Joyride

正如文档所说,我已经包含了javascript文件,它们被调用了。从 Chrome 调试器,我看到$.fn.joyride被定义。但在$(window).load方法中,$.fn.joyride返回未定义。

有任何想法吗?这是代码:

0 投票
2 回答
554 浏览

javascript - 我如何才能使用 Zurb Foundation 的 Joyride post_ride_callback,但仅在用户完成游览时?

我正在使用 Rails,并且设置了 Joyride,并且回调工作,但我想对其进行调整,使其仅post_ride_callback在用户完成游览时执行,而不是在他们在中间取消时执行。根据他们的文档,似乎我应该能够确定发生了什么:

http://foundation.zurb.com/docs/components/joyride.html

这就是我现在所拥有的(有效的)application.js

我正在使用它向 Google Analytics 发送事件,并且我希望能够跟踪开始游览的用户中实际完成游览的百分比。关于如何让 post_ride_callback 仅在游览完成后运行的任何想法?看来这家伙可能正在做某事:https ://github.com/zurb/joyride/pull/119

0 投票
1 回答
288 浏览

jquery - Foundation Joyride - 我如何发送关闭事件?

我希望能够使用 jQuery 关闭正在运行的兜风。为了确定它当前是否在表单上运行,我只是检查是否在页面上找到了 joyride-tip-guide 类。但是我不确定如何使用代码关闭它。我正在使用版本 4.3.2

有任何想法吗?