问题标签 [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 投票
2 回答
4396 浏览

jquery - 基础兜风仅在第一次加载时启动

我正在使用 Foundation Joyride 并且每次加载网页时都会开始游览,但是如何仅在第一次加载网页时才开始游览?

我的设置是...

0 投票
1 回答
937 浏览

javascript - 如何使基础兜风的尖端位置绝对?

我的兜风提示之一附在导航标题(具有绝对定位)上的链接上。

如何为特定的兜风提示添加自定义样式以使其也具有绝对定位?Joyride 文档表明我可以为默认类创建自定义样式,但默认类并不特定于每个特定的 Joyride 提示。

0 投票
1 回答
1968 浏览

ruby-on-rails - 无法让兜风工作 - 它显示一个列表

我确信这真的很愚蠢,关于将文件放在哪里,但这里是:

我正在尝试使用 gem (zurb-foundation)、rails 3、ruby 1.9.3 的 Foundation 4,并且我正在尝试让兜风功能发挥作用。

这是我到目前为止所拥有的:

在我的 application.html.erb 上:

在我的 application.js 上

应用程序.css

我将 jquery.joyride-2.0.3.js、modernizr 等文件放在 app/assets/javascripts/ 目录下

我得到的只是一个看起来很悲伤的清单:-(

我确实尝试在此处遵循此问题的建议,但无济于事。

帮助?

0 投票
4 回答
1467 浏览

javascript - 检查元素的祖先是否固定

我有一个具有固定导航栏的网站,我想使用 Zurb Joyride 将提示附加到导航栏中的元素。问题是当页面滚动时,导航栏保持不变,但工具提示却没有。

我尝试将工具提示附加到导航栏中的元素(而不是body),但我遇到了奇怪的渲染问题。设置position: fixed包含div提示似乎有效,但我想知道是否有一种简单的方法可以以编程方式检测一个元素是否是非滚动的,因为它包含在一个固定位置的容器中,这样我就可以检测到何时将 Joyride 提示设置为固定。有什么建议么?

0 投票
4 回答
1170 浏览

jquery - 如何配置基础 Joyride 插件回调

我正在使用基础 4.3.1。这是我的代码:

我似乎无法让它警报('test')它经历了骑行,但什么也没有。不知道我在这里做错了什么。文档根本不清楚如何或在哪里放置配置选项,它们只提供了它们的列表。

为什么 postRideCallback 不会触发?

0 投票
1 回答
517 浏览

zurb-foundation - Foundation 4 Joyride - 禁用开始滚动?

页面加载后,我无法停止第一次滚动。你可以在这里看到它http://foundation.zurb.com/docs/components/joyride.html。加载网站后,joyride窗口自动滚动页面一点点下移

在旧的演示http://zurb.com/playground/jquery-joyride-feature-tour-plugin中看到它更好

我需要网站正常加载(使用顶栏),然后在单击“下一步”按钮后激活滚动。

我正在使用最新版本的 Foundation 4 和foundation.min

0 投票
1 回答
201 浏览

ruby-on-rails - 安装 gem“joyride-rails”时出现依赖错误

我的导轨版本是3.2.12.

我正在尝试"joyride-rails", "~> 0.0.14"在我的应用程序中实现 gem,但它与我的其他一些 gem 发生冲突。已经在我的 Gemfile 中:

当我运行 bundle 命令时,我收到此错误:

因此,如果我添加 gem "haml", "~> 4.0.3",新的捆绑冲突是:

如果我再添加宝石"bourbon", "~> 3.1.8",我会得到这个新的冲突:

该怎么办?

0 投票
1 回答
511 浏览

javascript - Zurb Joyride 不遵循定义的顺序

请查看我的示例小提琴...

当它启动时,它从第一站开始,然后移动到第二站和第三站。当它准备好进入第四站时,它会跳过并立即跳转到模态。

一切都按照文档所述的方式进行设置。

这是调用函数的脚本...

我完全不知道为什么一个项目会被完全跳过。

0 投票
2 回答
4937 浏览

javascript - Zurb's Foundation 'Joyride':如何开始/以编程方式

我正在使用 Foundation 4 Joyride 插件,但是一旦用户单击我的 UI 上的某个按钮,我需要它启动(并重新启动),但我无法这样做。通过遵循 Zurb 网站上提供的代码,我只能在网站首次运行时运行它。

Joyride 的文档在这里:

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

我的初始化代码在这里

0 投票
1 回答
249 浏览

jquery - Zurb Foundation 4 基础方法调用包含与 Prototype.js 冲突的代码

我正在使用 Magento 1.7.2、jQuery 1.9.1 和 Prototype.js 1.7,以及 Zurb Foundation 4 javascript 插件,即 joyride 插件。

在使用foundation.js和foundation.joyride.js文件安装joyride插件之后,我发现prototypejs创建了一个属性Function.prototype.bind=function(){...},这是从foundation.js调用的在调用bind方法的名为init_lib或lib_init(不记得)的函数下,可能是ecmascript5版本的bind。

在调试代码时,我看到它从基础中的 init_lib 进入了原型绑定。

我怎样才能解决这个冲突,而不必将所有prototypejs使用/绑定调用重命名为其他名称?

$.foundation() 方法在 dom 准备好时被调用,所以这是在原型对象被初始化之后。

感谢您的任何帮助。