问题标签 [bootstrap-tour]

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 回答
1059 浏览

javascript - tour.goTo(i) 不工作

以下是我的参考代码:

我正在为我的应用程序使用 Bootstrap 导览。

要求 :

  • 当我单击下一步时,我处于第一步,然后它正在检查“#id2”的值。如果 id2 值不为空,则应跳过该步骤并直接移至第 3 步。

为此,我正在尝试tour.goTo(3)。但这不起作用。有什么帮助吗?

0 投票
1 回答
789 浏览

javascript - tour.prev() 还是 onPrev ?如果我使用 onShown 跳过步骤进行下一步

代码已更新。. 请看一看

我正在创建应用程序演练。在这个我们有三个按钮

  • 上一页
  • 下一个
  • 结尾

默认情况下PrevNext按钮工作正常。

我做了一些修改:

  • 添加了 onShown以跳过该步骤,如果它不为空。
  • 因此,如果我单击“下一步”按钮,则不会进入上一步。

我应该用什么?tour.prev() 还是 onPrev?我尝试了两者但没有解决问题。

有什么建议吗?

参考代码:

在这一个问题是存在的。当我单击第 3 步的 prev 按钮时,它会转到第 2 步并执行 onShow 函数,因此它再次转到我们在显示的定义的第 3 步

0 投票
1 回答
564 浏览

bootstrap-tour - 通过类名、Css 或 Xpath 在 Bootstrap 导览中定位元素

我正在使用引导程序。

我想访问上述项目。但我没有那个ID。我将如何访问该元素

0 投票
7 回答
9756 浏览

twitter-bootstrap - Bootstrap Tour 根本不起作用

我已经添加了所有必要的依赖项。我正在使用 Bootstrap 3,因此无需单独包含 popover.js。我查看了插件主页以获取说明,但它也没有帮助。

0 投票
1 回答
403 浏览

javascript - 如何让 Bootstrap Tour 应用 GET 参数

我有一个主页所在的搜索系统:

结果页面(完全不同)位于:

我正在尝试设置引导程序浏览,以便它从主页开始,然后将用户带到结果页面。所以我有如下步骤:

我遇到的问题是游览不明白它需要执行GET请求来加载第二步,所以我想我需要使用redirectkey什么的。

如果我在不同的路径上有搜索结果,这将非常有效,但由于主页和结果都在/,看来我被卡住了。

编辑...

公开工作,自发布此消息以来,我尝试了一些事情。首先,我认为我可以通过使用 onNext 参数来完成重定向,所以我将第一步更改为:

但这不起作用,因为虽然重定向正确发生(很好!),但在它发生之前,用户会看到下一步弹出,并且根据他们的连接速度,它可能会在重定向完成之前看到一段时间。因此,除非我能阻止下一步弹出,否则该策略并不好。


我尝试了另一种策略,重新定义了 _isRedirect 方法:

通常它有一行去掉 GET 参数(path.replace(/\?.*$/, "")),所以我修改它不这样做。这种变化也有点奏效。重定向正确发生,但没有显示下一步,但不幸的是,此更改使其具有重定向循环......或类似的东西。它只是一遍又一遍地重定向。


不知道接下来我会做什么。可以使用更精通JS方式的人的帮助。

0 投票
1 回答
250 浏览

twitter-bootstrap - Bootstrap 导览未初始化

在我的网站上,我使用的代码与官方 boostraptour.com 网站上的代码非常相似,但我什至没有得到第一个巡演弹出窗口。我已经在J​​SFiddle设置了一个测试区,但我仍然没有成功。我错过了什么吗?

0 投票
1 回答
1033 浏览

javascript - Bootstrap-tour 不适用于表格行

我正在尝试突出显示表格行。即使有了这个针对 z-indexes 等github 问题链接的 bootstrap-tour 修复

看看这个小提琴:jsFiddle

JAVASCRIPT

HTML

CSS

如您所见,仅当您将其 css 更改为时,它才会显示(表格行“tr”):display:block; 但是它会失去它的风格。

0 投票
1 回答
568 浏览

javascript - 如何在 wordpress 上实现引导程序

我正在尝试使用 Bootstrap 主题实现 Bootstrap Tour 一个 Wordpress 站点,但到目前为止,每次我尝试链接样式表(CSS)和 JavaScrit 时它都不起作用。该页面不会加载样式表或 javascript。

当我在本地工作时,所有设置都可以正常工作,但是当我尝试在 wordpress 上实现时,没有任何效果。

有没有一种特定的方法我必须在 wordpress 上设置所有样式表和 javascript?

这是我的标题:

0 投票
1 回答
2117 浏览

javascript - Bootstrap Tour:如果当前步骤输入字段为空,则不要移动到下一步

在引导演练中,我们有下一个和上一个按钮。在此单击下一步按钮,我们将进入下一步。

但是我想添加条件,如果该输入字段为空,则演练不应移至下一个,它应仅停留在当前步骤上。

以下是参考代码:

//rec 正在推入 allRec 数组。

0 投票
0 回答
268 浏览

javascript - 引导之旅不会暂停

我用这个作为参考。

在我的代码中,我有所有输入字段。

  1. 我想做的是,如果该输入字段为空,那么用户应该无法移动或转到下一步。

我正在拼命寻找这个但没有得到任何文件。

请提供任何建议或参考或示例?