如何使用 Bootstrap-Tour 和动态路径处理多页浏览？

Question

我一辈子都想不通如何让 Bootstrap Tour 跨多个动态 url 页面工作。我的游览从用户页面 /<user> 开始，我让他们单击照片库并希望从该库页面 /<user>/<gallery> 继续游览。

我使用 reflex 是因为我希望用户选择他们拥有的画廊并从新页面继续游览。我已经尝试了使用/不使用reflex、onNext、path 和redirect 的所有可能组合甚至不知道...我认为path 用于告诉步骤应该触发哪个页面，但无论我尝试什么，脚本都会不断尝试重定向到我指定的path 以及何时我的路径包含一个正则表达式，它试图重定向到显然不起作用的正则表达式，所以它一团糟......

Answer 1

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

当一切都说完了，你可以使用路径告诉脚本这条规则适用于这个页面但是你还必须将false传递给redirect。

所以要完成我想要的，第一步实际上不需要任何onNext、path 或redirect 属性集，您可以简单地设置reflex: true 以便它自动进入下一步当你的元素被点击时，关键是在你的下一步设置path到你的页面应该是什么并设置redirect: false所以它不会尝试自动重定向到你的path这是一个正则表达式而不是一个有效的 url 路径。