问题标签 [zurb-joyride]

我需要在“nextBtn”中添加 ng-disabled 指令，因为该按钮需要保持禁用状态，直到条件为真。可能吗？ng-if 或 ng-class 也是如此。我不能在模板中使用它们，我不知道为什么..这是我的情况：

好吧，正如你所看到的，我有一个自定义模板，我可以在其中显示我需要的值：$scope.rFunction()

当我尝试标记此函数时，该函数在模板的任何元素之外返回一个布尔值，它正在工作。但是，如果我尝试将它放在像 ng-disabled 或 ng-if not 这样的指令上。任何想法？谢谢

编辑：正如我所建议的那样，我尝试使用 $compile 但现在我有了这个

我目前正在尝试让ng-joyride工作，但它实际上似乎并不想做我想做的事情......

我有以下设置：

HTML：

JS：

所以我有一个尽可能简单的配置，但是当我点击按钮时它根本没有显示任何东西......

另外（单击按钮时），我在控制台中遇到错误，说 $fkEl.size is not a function.

有没有人在这里看到错误，或者知道为什么它不起作用？

我在基础欢乐之旅中手动创建了一个按钮，如下所示，以完全禁用基础欢乐之旅。

我正在使用此代码进行反应。当我在我的反应组件中呈现此代码时，它没有显示任何错误。但是，当我单击“不再显示”按钮时，我收到一条错误消息，例如：

invariant.js:42 未捕获错误：不变违规：ReactMount：两个有效但不相等的节点具有相同的data-reactid：.0.0.5.0.2.0.0.1

有人对此有任何想法吗？请帮我。提前致谢。

我有一个页面，其内容包含在可滚动的 DIV 元素中（使用 CSS overflow: auto;）。当我集成 Joyride 插件来浏览 DIV 中的元素时，它不会正确滚动到 DIV 中的相应位置。相反，它滚动整个页面。

请参考：https ://jsfiddle.net/dkz33k3j/

有什么我错过的或解决此问题的任何解决方法吗？

我正在使用 Joyride，我试图在它开始之前，在第一步之后，然后在它结束之后触发一个函数。

我认为这就是我应该实现的方式：

这些就是我所说的函数的样子：

这是joyride工具提示所在的元素：

最终发生的情况是，这 3 个功能似乎同时触发。所以我最终在任何东西上都没有盒子阴影。如果我删除“post_step_callback”和“post_ride_callback”选项，那么它只会添加 box-shadow，但它永远不会将其移除。这是有道理的。似乎我的 post_step 和 post_ride 函数都是同时发生的。有谁知道为什么？

我正在使用呈现一些 UI 的第三方库。该 api 有一个回调函数，因此可以在调用第三方库中的下一个 UI 更改之前运行必要的代码。在我的场景中，我执行用户操作（单击按钮），第三方库开始处理该操作，调用回调方法，我触发我的商店正在侦听的操作，然后更新我自己的 UI。

我正在运行的问题是第三方库在更新自己的 UI 之前依赖于我的 UI 更新。在我触发操作后的回调方法中，回调方法在我的商店完成其事件处理程序中的代码之前结束。我希望我的操作在回调方法中触发，并让回调方法等到我自己的 UI 更新完成后再继续。

示例场景代码：

行动

店铺

零件

我已经研究了几种不同的处理方法（Promises、async/await、为操作创建回调），每种方法都有其缺点，但没有一个给出遵循 Reflux 提供的单向流的示例。我很好奇是否有适当的方法来处理这种情况。

有没有办法在多个页面中创建一个react-joyride之旅。所以我的 index.js 文件如下所示？我在索引页面中添加了 react-joyride，因为所有组件都通过 index.js 文件运行。

我正在为我已经实现的 react-joyride 之旅编写集成测试。测试失败是因为很多时候，即使 Selenium 单击按钮，与该按钮单击 (onClick) 关联的事件也不会触发。

我认为这是因为该特定按钮的 js 文件尚未加载。我如何确保在继续执行之前加载这些文件。

代码 ：

以下是我的 test.rb 文件。

#floatingButton -> 开始游览的按钮，

div.__floater__body -> 包含 Joyride 工具提示的 div

有时，单击“下一步”时没有任何反应。游览不会进入下一步。

在测试期间，我有时会遇到与“返回”和“关闭游览”（见图）按钮相同的问题。

我该如何解决这个错误。请帮忙！

我想基本上检查一下是否可以按下下一个，即达到下一个条件。如果不是，我想留在当前步骤。我有条件地使用 Joyride。

如您所见，我正在检查是否存在特定元素（按钮），如果是，我想单击它。那部分工作得很好。但如果它不存在，我想保持在同一步骤直到它存在。我尝试将步骤索引设置为相同的索引并使用助手。我什至尝试将运行状态设置为 false，然后设置为 true。似乎不起作用。有什么解决办法吗？

我正在react-joyride为我的create-react-app.

我的目标是构建一个教程，以便在用户浏览网站时定期启动和停止。这意味着教程将随着某些用户行为（更改页面、启动新模块等）打开和关闭

问题：如何集成：跨多个页面和组件的步骤<> Joyride <>组件状态？

我考虑了（4）不同的方法：

1. 拥有一个在上下文中加载和管理并传递到页面的单一主“步骤”JSON
2. 在每个页面和组件中有多个单独的“步骤”JSON 文件。
3. 在全局级别拥有一个<Joyride />接收单个 JSON“步骤”文件的单个组件
4. 每个页面/组件上都有多个<Joyride />组件，并带有本地“步骤”文件

我已经尝试了所有四种方法，但仍然无法让joyride 在多个页面上流畅地工作。

任何想法/建议表示赞赏！