如何处理带有 Bootstrap-Tour 和动态路径的多页 Tours?

How to handle multi page tours with Bootstrap-Tour and dynamic paths?

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

继续

我使用 reflex 是因为我希望用户 select 他们拥有的图库以及从新页面继续浏览。我已经尝试过使用 reflexonNextpathredirect 的所有可能的 using/not 组合 我能想到的和你会想到的逻辑上工作根本不起作用,所以我什至不知道......我认为 path 用于告诉步骤应该触发哪个页面,但是无论我尝试什么,脚本都会继续尝试重定向到我指定的 path,当我的路径包含正则表达式时,它试图重定向到显然不起作用的正则表达式,所以它一团糟......

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

总而言之,您可以使用路径告诉脚本此规则适用于此页面,但这样做您还必须将 false 传递给 redirect

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