问题标签 [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.
javascript - tour.goTo(i) 不工作
以下是我的参考代码:
我正在为我的应用程序使用 Bootstrap 导览。
要求 :
- 当我单击下一步时,我处于第一步,然后它正在检查“#id2”的值。如果 id2 值不为空,则应跳过该步骤并直接移至第 3 步。
为此,我正在尝试tour.goTo(3)。但这不起作用。有什么帮助吗?
javascript - tour.prev() 还是 onPrev ?如果我使用 onShown 跳过步骤进行下一步
代码已更新。. 请看一看
我正在创建应用程序演练。在这个我们有三个按钮
- 上一页
- 下一个
- 结尾
默认情况下Prev和Next按钮工作正常。
我做了一些修改:
- 添加了 onShown以跳过该步骤,如果它不为空。
- 因此,如果我单击“下一步”按钮,则不会进入上一步。
我应该用什么?tour.prev() 还是 onPrev?我尝试了两者但没有解决问题。
有什么建议吗?
参考代码:
在这一个问题是存在的。当我单击第 3 步的 prev 按钮时,它会转到第 2 步并执行 onShow 函数,因此它再次转到我们在显示的定义的第 3 步
bootstrap-tour - 通过类名、Css 或 Xpath 在 Bootstrap 导览中定位元素
我正在使用引导程序。
我想访问上述项目。但我没有那个ID。我将如何访问该元素
twitter-bootstrap - Bootstrap Tour 根本不起作用
我已经添加了所有必要的依赖项。我正在使用 Bootstrap 3,因此无需单独包含 popover.js。我查看了插件主页以获取说明,但它也没有帮助。
javascript - 如何让 Bootstrap Tour 应用 GET 参数
我有一个主页所在的搜索系统:
结果页面(完全不同)位于:
我正在尝试设置引导程序浏览,以便它从主页开始,然后将用户带到结果页面。所以我有如下步骤:
我遇到的问题是游览不明白它需要执行GET请求来加载第二步,所以我想我需要使用redirect
key什么的。
如果我在不同的路径上有搜索结果,这将非常有效,但由于主页和结果都在/
,看来我被卡住了。
编辑...
公开工作,自发布此消息以来,我尝试了一些事情。首先,我认为我可以通过使用 onNext 参数来完成重定向,所以我将第一步更改为:
但这不起作用,因为虽然重定向正确发生(很好!),但在它发生之前,用户会看到下一步弹出,并且根据他们的连接速度,它可能会在重定向完成之前看到一段时间。因此,除非我能阻止下一步弹出,否则该策略并不好。
我尝试了另一种策略,重新定义了 _isRedirect 方法:
通常它有一行去掉 GET 参数(path.replace(/\?.*$/, "")
),所以我修改它不这样做。这种变化也有点奏效。重定向正确发生,但没有显示下一步,但不幸的是,此更改使其具有重定向循环......或类似的东西。它只是一遍又一遍地重定向。
不知道接下来我会做什么。可以使用更精通JS方式的人的帮助。
twitter-bootstrap - Bootstrap 导览未初始化
在我的网站上,我使用的代码与官方 boostraptour.com 网站上的代码非常相似,但我什至没有得到第一个巡演弹出窗口。我已经在JSFiddle设置了一个测试区,但我仍然没有成功。我错过了什么吗?
javascript - Bootstrap-tour 不适用于表格行
我正在尝试突出显示表格行。即使有了这个针对 z-indexes 等github 问题链接的 bootstrap-tour 修复
看看这个小提琴:jsFiddle
JAVASCRIPT
HTML
CSS
如您所见,仅当您将其 css 更改为时,它才会显示(表格行“tr”):display:block;
但是它会失去它的风格。
javascript - 如何在 wordpress 上实现引导程序
我正在尝试使用 Bootstrap 主题实现 Bootstrap Tour 一个 Wordpress 站点,但到目前为止,每次我尝试链接样式表(CSS)和 JavaScrit 时它都不起作用。该页面不会加载样式表或 javascript。
当我在本地工作时,所有设置都可以正常工作,但是当我尝试在 wordpress 上实现时,没有任何效果。
有没有一种特定的方法我必须在 wordpress 上设置所有样式表和 javascript?
这是我的标题:
javascript - Bootstrap Tour:如果当前步骤输入字段为空,则不要移动到下一步
在引导演练中,我们有下一个和上一个按钮。在此单击下一步按钮,我们将进入下一步。
但是我想添加条件,如果该输入字段为空,则演练不应移至下一个,它应仅停留在当前步骤上。
以下是参考代码:
//rec 正在推入 allRec 数组。