我一生都无法弄清楚如何让 Bootstrap Tour 跨多个动态 URL 页面工作。我的游览从用户页面 /<user>
开始我让他们单击一个照片库并希望从该图库页面继续游览 /<user>/<gallery>
.
我使用反射是因为我希望用户选择他们拥有的画廊并从新页面继续游览。我尝试过使用/不使用 reflex
的所有可能组合, onNext
, path
,和redirect
我能想到的,你认为逻辑上可行的东西根本行不通,所以我什至不知道......我想 path
用于告诉步骤应该触发哪个页面,但无论我尝试什么,脚本都会尝试重定向到 path
我指定,当我的路径包含正则表达式时,就像尝试重定向到正则表达式一样,这显然不起作用,所以一切都是一团糟......
最佳答案
好吧,经过几个小时的困惑和尝试各种组合之后我终于弄清楚了,网站上的文档肯定需要更新。它给出的使用正则表达式和路径的示例是 path: Regexp("/\/url\/[^/]+/i")
我从一开始就知道这是错误的,但仍然继续使用花了一段时间试图弄清楚问题,然后当然,当我确实纠正它应该如何时,我一定不能使用其他属性的正确组合。
总而言之,您可以使用 path 告诉脚本此规则适用于该页面,但为此您还必须将 false
传递给 redirect
。
因此,为了实现我想要的目标,第一步实际上不需要任何 onNext
、path
或 redirect
属性集,您可以简单地设置 reflex: true
,以便在单击您的元素时自动进入下一步,然后关键是在下一步中将 path
设置为您的页面应该的内容be at 并设置 redirect: false
,这样它就不会尝试自动重定向到您的 path
,这是一个正则表达式,而不是有效的 url 路径。
关于javascript - 如何使用 Bootstrap-Tour 和动态路径处理多页面游览?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38820628/