问题标签 [bootstrap-tour]

我正在学习如何实现引导程序，它看起来很简单。我创建了一个简单的程序来查看它的运行情况，但是当我尝试运行代码时，收到以下错误：

谁能告诉我怎么了？我检查了链接，它们被正确引用。下面是我的代码。

我正在使用带有 Bootstrap-Tour 0.11.0 版本的 RTL bootstrap CSS 3.3.7 版本。popover 元素不会出现在适当的元素附近，而是位于右侧。仅当我使用 RTL Bootstrap CSS 时才会出现此问题。

这是我目前拥有的代码：

JSFiddle 链接：https ://jsfiddle.net/DUKEiLL/z6qzzsjj/

我想知道为什么我的 Bootstrap Tour 没有在点击时启动。

请参阅下图以获取参考和代码。请注意，我省略了页面的大部分代码，因为我不想让你不知所措。希望这里有足够的内容让您完成这次旅行。

我做错了什么？

我正在尝试使用 Bootstrap Tour 设置我的应用程序的导览，但遇到了一些问题。主要是我使用 node.js 和模板构建了我的应用程序。我需要在单个页面上显示一个弹出窗口，/dashboard而不是其他所有内容。现在它可以很好地执行模板意味着我希望它所在的 div 在sidebar.html模板中。这是我的代码：

第三组是给我带来问题的那一组。我试过host了，但也许我用错了。

我在使用主题“Bootstrap 3”的站点“Drupal 8”上安装了我的下一个模块“D8：Bootstrap Tour”。

https://www.drupal.org/project/bs_tour

http://bootstraptour.com/api/

这是模块的 bs-tour.js 文件的内容：

首次访问网站时，访问会自动开始。我的问题是，当用户点击“结束访问”时，重新开始访问的唯一方法是从浏览器中删除 cookie。该模块没有手动开始访问的按钮。

我使用以下代码在 Drupal 中创建了一个自定义块：

我在子主题的 js 文件夹中创建了一个文件 tour.js ：

我修改了我的子主题的 bootstrap_subtheme_front_office.libraries.yml 文件，如下所示：

我清理了缓存，但按钮不起作用。这是我网站的页面，按钮在左侧的菜单中。

我找到了解决方案：

我将模块的文件“bs-tour.js”复制到我的子主题的文件夹 js 中，并在其中插入了以下代码：

bs-tour.js 文件现在看起来像这样：

我使用以下代码创建了一个自定义块：

我不知道这是否是一个好习惯，但是开始游览的按钮有效；-)

我真的可以使用帮助关闭我正在构建的网页的 Bootstrap Tour 插件的“自动启动”功能。旅游本身效果很好。它按预期一步一步地跳跃。但是，当用户第一次查看页面时，游览会自行开始。用户可以按“结束游览”，游览将不再自动开始。但是，我想一起防止自动启动。

我需要您的帮助来找到一种方法（或设置）来防止游览自行启动。我不希望用户必须按“结束游览”......他们应该只在希望游览开始时按“开始游览”！

请参阅下面的代码。请注意，我省略了页面的大部分代码，因为我不想让你不知所措。

请帮助，我如何停止自动启动的游览？

我有一个用“Drupal 8”和“Bootstrap 3”构建的网站。

引导程序“Tour”启动时如何关闭菜单折叠？

https://www.s1biose.com

“Tour”首先点击左侧菜单中的“Commencer la visite”。

我希望在单击“Commencer la visite”按钮时自动关闭左右菜单。

这是两个菜单：

这是我的文件 tour.js 的内容：

我有一个用Drupal 8和构建的网站Bootstrap 3。当用户访问该站点时，会Tour自动启动。完成Tour后，将在访问者的浏览器中放置一个 cookie，以便Tour在用户重新加载页面时不会启动。

网站： https ://www.s1biose.com

我的问题 ：

我在左侧菜单上创建了一个按钮Commencer la visite，以便用户Tour手动访问。

每次我Tour手动重启时，都会时不时出现一个bug。必须在不同的页面上重新启动几次才能看到错误。

如何纠正这个？

这是我在bs-tour.js文件末尾添加的代码：

这是我的 bs-tour.js 文件：

当我启动时Tour，背景是黑色的：

所以我试图在我的网络应用程序中使用 Bootstrap 之旅。

我已经安装了 Bootstrap……我只是按照这里的文档安装了 Bootstrap 之旅：https ://github.com/tienle/bootstrap-tour-rails

所以首先我添加gem 'bootstrap-tour-rails'到我的 gemfile 中。我捆绑安装。我添加//= require bootstrap-tour到我的 application.js 文件中。*= require bootstrap-tour但是，当我按照 bootstrap-tour rails 说明中的最后一步并添加到我的 application.scss 文件时，我似乎遇到了问题。

这是我的错误消息的屏幕截图

我的 application.hmtl.erb 文件：

我的 application.js 文件

我的 application.scss 文件

我的 Bootstrap 之旅正常工作，但后来我做了一些工作，但无法弄清楚我在哪里搞砸了。我无法发布 git repo，因为它是私有的。所以我的错误是代码是在您第一次进入页面时运行的。我在 Chrome 控制台中遇到的错误是：

我登录后初始页面加载的代码