javascript - 如何使用 Bootstrap-Tour 和动态路径处理多页面游览?

标签 javascript twitter-bootstrap bootstrap-tour

我一生都无法弄清楚如何让 Bootstrap Tour 跨多个动态 URL 页面工作。我的游览从用户页面 /<user> 开始我让他们单击一个照片库并希望从该图库页面继续游览 /<user>/<gallery> .

我使用反射是因为我希望用户选择他们拥有的画廊并从新页面继续游览。我尝试过使用/不使用 reflex 的所有可能组合, onNext , path ,和redirect我能想到的,你认为逻辑上可行的东西根本行不通,所以我什至不知道......我想 path用于告诉步骤应该触发哪个页面,但无论我尝试什么,脚本都会尝试重定向到 path我指定,当我的路径包含正则表达式时,就像尝试重定向到正则表达式一样,这显然不起作用,所以一切都是一团糟......

最佳答案

好吧,经过几个小时的困惑和尝试各种组合之后我终于弄清楚了,网站上的文档肯定需要更新。它给出的使用正则表达式和路径的示例是 path: Regexp("/\/url\/[^/]+/i") 我从一开始就知道这是错误的,但仍然继续使用花了一段时间试图弄清楚问题,然后当然,当我确实纠正它应该如何时,我一定不能使用其他属性的正确组合。

总而言之,您可以使用 path 告诉脚本此规则适用于该页面,但为此您还必须将 false 传递给 redirect

因此,为了实现我想要的目标,第一步实际上不需要任何 onNextpathredirect 属性集,您可以简单地设置 reflex: true ,以便在单击您的元素时自动进入下一步,然后关键是在下一步中将 path 设置为您的页面应该的内容be at 并设置 redirect: false,这样它就不会尝试自动重定向到您的 path,这是一个正则表达式,而不是有效的 url 路径。

关于javascript - 如何使用 Bootstrap-Tour 和动态路径处理多页面游览?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38820628/

相关文章:

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

javascript - 带有背景的 Bootstrap 之旅表现得很奇怪

Javascript 链接帮助创建游标

javascript - Twitter Bootstrap Popovers - 如何让它们留下来?

javascript - 带有js代码的Twitter bootstrap轮播幻灯片

javascript - 下拉菜单打开时自动选择输入字段的文本

javascript - Bootstrap-tourtour.init 不是一个函数

javascript - 在第 n 个位置插入元素

javascript - 如何从 Javascript 读取和写入 Angular 组件变量?

javascript - 在没有表单组件的情况下 react 输入表单?