问题标签 [bootstrap-tour]

我的网站上当前正在运行一个游览，但它似乎并没有真正跟踪用户是否单击了结束游览。这意味着如果他们单击一次，它会结束游览，但是当他们重新访问该页面时，游览将自动重新开始，就好像这是他们第一次登陆该页面一样。

我正在使用Bootstrap Tour获取有关如何使用我们工具的指导教程。然而，在单击Next >>按钮后，我想确保一些 javascript 变量是正确的，然后才允许用户继续。

onNext()如果不满足某些条件，如何防止该方法触发？

第一次在这里问一个问题，所以我希望我有所有的信息，但如果我遗漏了什么，请随时要求澄清。

我正在尝试使用bootstrap tour库通过页面创建游览。我可以让它启动，并且在大多数情况下它运行得相当顺利，除非我试图让它检查变量并根据需要跳过某些步骤。

我无法在我的真实项目中复制我的整个代码库，所以我尝试用我能弄清楚的相关部分制作一个jsfiddle 。我承认我以前从未使用过 jsfiddle，而且我认为它不起作用，因为我可能没有正确加载游览文件。我已链接到独立文件，以便它们包含运行所需的相关引导程序位。我承认我是一个完全的 jsfiddle 新手，所以我不确定为什么文件似乎没有正确加载和触发，但这是一个完全不同的错误。无论如何，这是我的基本代码：

html:

js：

我已经阅读了这里的问题，就像这个一样，它已经接近了，但我遇到的问题是因为在 onNext 函数中有一个 if/else 检查，当我在控制台中运行调试器时chrome 它会检查变量是否为真，会向前跳过并显示正确的工具提示，但也会触发常规的“下一个”功能，即使它看不到。我只看到它在控制台中显示的调试器工具中触发。当在正确的更远尖端上单击“下一个”时，而不是沿着阵列继续通过剩余的尖端，它就像在原始工具尖端上击中了“下一个”一样。（这是令人困惑的描述抱歉）。

所以如果 tour(0) --> tour(1) --> (检查 foo = true) --> tour(5) --> (而不是去 tour(6) 它会返回并触发 tour(3 ) 因为它认为 tour(5) 实际上是 tour(2)

也许我只是从根本上不理解 tour.goTo() 函数应该如何工作，但我只是没有想法了。我尝试的是在 if 语句中停止游览，所以

这会在控制台中引发错误，指出由于游览已结束，因此无法显示 showStep。奇怪的是，在我页面的另一部分，我不得不停止游览并使用超时重新启动（我必须等待一个元素加载），并且 end-start-goTo 工作得很好。该代码如下所示（但不在 jsfiddle 中）：

似乎是 if/else 语句导致了问题，不是在两个选项之间进行选择，而是同时触发了这两个选项。

提前感谢您可以给我的任何帮助。对这部小说感到抱歉，但我想确保我提供了尽可能多的信息。

我的网站上当前正在运行一个游览，但它似乎并没有真正跟踪用户是否单击了结束游览。这意味着如果他们单击一次，它会结束游览，但是当他们重新访问该页面时，游览将自动重新开始，就好像这是他们第一次登陆该页面一样。

我遵循以下代码： https ://github.com/benmarch/angular-bootstrap-tour

tour 在可滚动内容中不起作用。如何解决这个问题，

我正在使用这个很棒的引导插件BootstrapTour

我在我的引导选项卡上使用它。

这是它现在的样子：

如您所见，它位于选项卡面板中。

我现在想要实现的是包含“基本信息”标题。

看起来像这样的东西：

问题是我不知道如何实现这一目标。

我的代码是这样的：

我的初始化引导程序之旅的 JS 文件：

请问有什么想法吗？

谢谢！

我在下一个按钮中添加了一个 id，以按照引导程序中的模板标签对其进行样式设置。我为下一个按钮应用了一个新的 id，但它只应用到第一个按钮，而不是后面的阶段。有谁知道为什么？

我已经在我的项目上实施了引导程序。我试图在模式窗口上加载它，但没有显示任何内容。下面是我的代码：

我的模态窗口如下：

请您建议我如何设置引导程序出现在模态窗口上？

有一个与网页一起加载的 HTML 小部件，当我在其上检查元素时，代码显示为

我需要在引导程序中访问小部件的 HTML 元素，为此我编写了以下代码（viewAll 是其中之一的类名<div>）：

在这里，我试图在元素“viewAll”上获得游览弹出窗口。游览在加载 DOM 元素时运行良好。但不仅仅适用于小部件的元素。
任何帮助表示赞赏。

我想在<td>标签内添加一个<div>标签以实现Bootstrap Tour。

我试过下面的代码，

但我得到的输出为

有什么方法可以实现吗？

谢谢。