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

twitter-bootstrap - I don't want bootstrap tour to start on second visit

I am using bootstrap tour for a page tour. What I want to do is to start the tour automatically once you visit the page, but at the next visit the tour shouldn't start automatically, but when you click a button. I am guessing this can be done with "storage", but I don't know how. Can anyone help please? Thanks

0 投票
2 回答
878 浏览

twitter-bootstrap - Bootstrap Tour - 如何通过单击关闭按钮关闭弹出窗口?

默认情况下,引导程序弹出窗口通过单击任意位置关闭,似乎无法通过选项更改此行为。

我怎样才能使弹出窗口仅通过单击“关闭”按钮才能关闭?如何找出什么方法,事件在那里关闭弹出窗口?

谢谢你。

0 投票
1 回答
269 浏览

internet-explorer - IE 11 中的引导程序浏览不滚动

我无法让我的 Bootstrap Tour 在 IE11 中正确定位。它在 Chrome、Firefox 和 Safari 中按预期工作。如果步骤低于可见区域,页面会尝试显示但不滚动。如果调整窗口大小或打开调试器,则游览会按最初预期进行调整和显示。

该页面包含对...的引用 jQuery 1.8.2(其他功能需要过时的版本。使用 2.1.3 进行的测试未纠正游览问题。) jQueryUI 1.10.2 Bootstrap 3.2.0 Bootstrap Tour 0.10.1

StackOverflow 不允许我添加图片,因为我的声誉太低,而且网站上不允许公开访问。这是我在 Bootstrap Tour GitHub 中的帖子的链接,其中包含屏幕截图。

https://github.com/sorich87/bootstrap-tour/issues/377

0 投票
1 回答
62 浏览

javascript - Bootstrap-tour 未初始化

HTML:

JS:

}).init().start(true);

我无法让它在这个 JSFiddle 上初始化:http: //jsfiddle.net/P5fJ2/20/

为了获得一个基本的例子,我还需要什么?我查看了其他一些关于 SO 的问题,但无法修复这个小提琴

0 投票
3 回答
5798 浏览

javascript - 带背景的 Bootstrap 巡回演出,表现奇怪

我正在使用 Twitter Bootstrap Tour 进行网络浏览。

这是初始化它的javascript:

目前我只是在每个步骤中使用测试内容。我正在尝试获得如他们自己的网站上所示的背景效果:http: //bootstraptour.com/

但是,这是我取得的结果: 在此处输入图像描述

这是没有背景的样子: 在此处输入图像描述

您可以看到非阴影部分完美地掩盖了 HTML,但它的不透明度太高,您看不到任何未被掩盖的内容。这是有原因的吗?我能做些什么来解决它?

我无法从 JSFiddle 中重现任何类型的背景。

0 投票
1 回答
1306 浏览

jquery - 如何在点击时开始引导之旅?(在wordpress上)

我想让我的引导程序在单击按钮时开始。但由于某种奇怪的原因,它不起作用。我将 js 文件放在头部,其余的放在小部件中(所以放在正文中)。如果启用了自动启动,一切正常(如果页面加载则启动)。但是如果单击某个按钮,我想让它工作。

以下代码确实有效:

但是我想在单击按钮时执行游览所以我制作了一个按钮:

而且我已将代码更改为(并尝试了其他选项,但没有成功):

我希望任何人都可以看到出了什么问题。任何帮助表示赞赏!

编辑:尝试使用 jQuery 而不是美元符号。没有成功。

这些是我的控制台显示的错误:http: //oi60.tinypic.com/24y5lz7.jpg

0 投票
1 回答
75 浏览

php - Bootstrap Tour 正在循环第一步 [wordpress]

我已经在我的 wordpress 网站中引入了游览,但它在第一步循环,我这里只有少量代码。所以我不确定问题可能出在哪里。有人对这个有经验么?

让我知道是否有更多的东西我应该给你看。正在读取 css 和 js。只是陷入了一个连续的循环

0 投票
1 回答
1230 浏览

javascript - Bootstrap Tour 移除每一步的高亮元素

这是我第一次使用这个库,我遇到了一个非常奇怪的问题。我正在使用独立的 v0.10.1 版本。

这是我的代码:

每次我单击 prev/next/end tour 时,它都会删除工具提示(很明显),并且还会隐藏与该步骤相关的突出显示的元素,并带有“显示:无”。它不应该隐藏我的元素,不是吗?

我发现避免这种情况的唯一方法是放置以下代码:

我还查看了bottstrap-tour 代码,并在 hideStep 函数中找到了导致此问题的行:

如果我删除“popover('destroy')”,它会按预期工作,但是当单击 End tour 它不会删除步骤工具提示,因此它不是解决方案。

知道发生了什么吗?

0 投票
1 回答
530 浏览

jquery - 使用 Bootstrap Tour 插件的 Bootstrap 数据属性

我是 Bootstrap 的新手,我已经开始使用一个名为 Bootstrap Tour 的插件。http://bootstraptour.com/

我今天刚开始学习数据属性,我想知道我是否可以/应该将它们与 Bootstrap Tour 一起使用。Bootstrap tour 是包含的弹出框和工具提示插件的组合。

例如,游览有步骤,步骤具有可以在启动游览时设置的属性。我试图能够从 HTML 元素中设置位置、标题和内容。

上面的代码创建了一个包含 2 个步骤的游览。第一步以“完成范围”类的元素为目标。在我的 HTML 中,我想设置显示在步骤的弹出框/工具提示中的位置、标题和内容。像这样:

上面的 div 填充了我想要的内容,但是位置和标题不起作用。如果我使用 data-toggle="popover" 或 data-toggle="tooltip" 零碎按我想要的方式工作,但不是 Tour 插件的全部内容。谁能指出我正确的方向?

0 投票
0 回答
1143 浏览

javascript - Bootstrap Tour 未开始/工作

我刚刚遇到引导程序并尝试将其实施到我的网站中,但它无法启动或工作。tour.start我已经进行了研究,并试图通过制作真实来使其发挥作用。尝试将其附加到按钮以启动但没有成功。

在标题中我有:

中的代码tour.js是:

我对不同的步骤有多个 var 引用,因为我计划在我开始工作后添加更多步骤。

html如下: