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

bootstrap-tour - 如何从引导程序中删除状态

我正在使用引导程序,一切正常。

我现在想做的是创建一个“暂时关闭”按钮,该按钮应在下次加载页面时显示游览。

在本地存储中,当游览结束时,它会创建一个名为“tour_end”的键,值为“yes”,所以,我想做的是这样称呼:

这样希望下次加载页面时,密钥丢失并且游览会出现。

不幸的是,前一个不起作用,它返回此错误:

任何建议为什么这不起作用?还是实现“暂时解雇”行为的最佳方式?

非常感谢

编辑 -

我解决了这个添加问题localStorage.removeItem("tour_end");,它似乎可以按预期工作。

0 投票
0 回答
898 浏览

javascript - 在视口引导游览中滚动

我对引导程序有疑问。

我的页面很长,而且游览也需要在移动设备上运行。不幸的是,引导游览功能scrollIntoView()根本无法正常工作,就好像我在页面顶部一样,它不会向下滚动直到我想要突出显示的元素。

这是 _scrollIntoView 引导程序代码:

我一直在到处寻找这个问题,并且已经尝试了一些建立在引导程序支持页面上的建议,但没有。

默认的 scrollTop 值如下:

基本上它计算元素偏移量并将其滚动到窗口的中间。现在,我认为我遇到的问题是,如果偏移量很长(假设在具有 window.height() 480px 的小型移动设备上为 1100px),则上述结果将1100 - (480/2) = 860px仍然低于视口。

对于在任何情况下和任何设备上我应该使用什么公式将元素滚动到可靠的视口内部,您有什么建议吗?

这是我到目前为止所尝试的:

我尝试了这些不同的scrolltop公式:

但直到现在还没有运气。

提前感谢您的任何帮助或建议

0 投票
1 回答
526 浏览

twitter-bootstrap - Bootstrap 导览和动画

我可以使用回调将此CSS 动画应用到 Bootstrap Tour 中吗

0 投票
1 回答
518 浏览

javascript - 在模态关闭时退出引导程序

我正在使用 Bootstrap Tour 在模式上显示帮助步骤。我的问题是,当模式关闭或关闭(通过单击模式外部)时,游览弹出窗口会徘徊并且没有任何按钮起作用(结束游览,上一个,下一个)。

模式关闭时如何退出游览?

0 投票
3 回答
893 浏览

twitter-bootstrap-3 - 如何更改引导游览箭头

我使用引导程序,但我不知道如何将箭头更改为顶部。

任何人都可以技术我将箭头更改为顶部?

按照下面的截图。

这是引导程序的脚本。

0 投票
1 回答
724 浏览

jquery - 引导之旅 - 阅读更多

我想在引导程序的元素标签内使用更多信息(jquery show hide)选项。但是,我注意到 jquery 脚本不适用于引导程序中的元素。这是我的代码。

0 投票
0 回答
937 浏览

javascript - 动态内容的引导之旅

我有一个像下面这样的游览,在第一个下一步完成后,我去使用 ajax 获取动态 html 内容,这被插入到 html 正文中。下一步引用从 Ajax 请求中提取的元素。问题是我的下一步没有显示任何弹出框,它似乎已经结束,没有任何错误消息或通知。我的猜测是因为它在 DOM 中还看不到第二步元素,所以它会自行结束。我怎样才能解决这个问题?

0 投票
1 回答
396 浏览

javascript - Bootstrap Tour - 每个用户具有不同值的 URL

我查看了其他问题/答案,但我找不到解决我的问题的问题。我在这里查看了原始文档,但该解决方案对我来说没有意义。

以下代码中的路径因用户而异。

依此类推,接下来,用户将根据用户名被定向到不同的路径。

如何确保每个用户的 URL 都是正确的?

我的代码:

0 投票
1 回答
975 浏览

bootstrap-tour - 使用按钮或链接触发 introJs

我使用本教程来创建指南 http://www.hongkiat.com/blog/introjs-step-by-step-guide-tutorial/

但是我找不到方法或者我不明白:) 如何使用按钮或链接触发 introJs。另外,我在 Internet User's Guide 上进行了搜索,但没有找到足够的信息:(

我试过这个:

&

但什么也没有发生

请帮我

0 投票
1 回答
89 浏览

javascript - 使用 Backbone js 传递 bootstrap-tour 一个 ui 对象

我正在使用带有 Backbone/Marionette 应用程序的 boostrap-tour 版本 10.1。我已经扩展了我的基本视图原型以包含一个游览(通过自定义函数 _ui_tour() ),但是我无法将step要应用的元素传递给它。

使用以下代码交换对 _ui_tour 的调用非常有效。

我基础中的 _ui_tour 函数如下所示:

错误状态:Uncaught SyntaxError: Unexpected token .我不知道this.ui.BLANK because在其他地方使用它有什么问题。