如何处理带有 Bootstrap-Tour 和动态路径的多页 Tours?
How to handle multi page tours with Bootstrap-Tour and dynamic paths?
我一辈子都想不出如何让 Bootstrap Tour 跨多个动态 url 页面工作。我的游览从用户页面 /<user>
开始,我让他们单击照片库并希望游览从该画廊页面 /<user>/<gallery>
.
继续
我使用 reflex 是因为我希望用户 select 他们拥有的图库以及从新页面继续浏览。我已经尝试过使用 reflex
、onNext
、path
和 redirect
的所有可能的 using/not 组合 我能想到的和你会想到的逻辑上工作根本不起作用,所以我什至不知道......我认为 path
用于告诉步骤应该触发哪个页面,但是无论我尝试什么,脚本都会继续尝试重定向到我指定的 path
,当我的路径包含正则表达式时,它试图重定向到显然不起作用的正则表达式,所以它一团糟......
好吧,经过几个小时的混乱和尝试各种组合,我终于弄明白了,网站上的文档确实需要更新。它给出的将正则表达式与路径一起使用的示例是 path: Regexp("/\/url\/[^/]+/i")
,我从一开始就知道这是错误的,但仍然尝试了一段时间试图解决问题,当然,当我确实更正它时,我应该怎么做不得使用其他属性的正确组合。
总而言之,您可以使用路径告诉脚本此规则适用于此页面,但这样做您还必须将 false
传递给 redirect
。
所以为了完成我想要的,第一步实际上不需要任何onNext
、path
或redirect
属性设置,你可以简单地设置 reflex: true
这样当你的元素被点击时它会自动进入下一步,然后关键就在你的下一步上 设置 path
到你的页面应该在什么地方并且 redirect: false
设置它不会尝试自动重定向到你的 path
这是一个正则表达式而不是一个有效的 url 路径。
我一辈子都想不出如何让 Bootstrap Tour 跨多个动态 url 页面工作。我的游览从用户页面 /<user>
开始,我让他们单击照片库并希望游览从该画廊页面 /<user>/<gallery>
.
我使用 reflex 是因为我希望用户 select 他们拥有的图库以及从新页面继续浏览。我已经尝试过使用 reflex
、onNext
、path
和 redirect
的所有可能的 using/not 组合 我能想到的和你会想到的逻辑上工作根本不起作用,所以我什至不知道......我认为 path
用于告诉步骤应该触发哪个页面,但是无论我尝试什么,脚本都会继续尝试重定向到我指定的 path
,当我的路径包含正则表达式时,它试图重定向到显然不起作用的正则表达式,所以它一团糟......
好吧,经过几个小时的混乱和尝试各种组合,我终于弄明白了,网站上的文档确实需要更新。它给出的将正则表达式与路径一起使用的示例是 path: Regexp("/\/url\/[^/]+/i")
,我从一开始就知道这是错误的,但仍然尝试了一段时间试图解决问题,当然,当我确实更正它时,我应该怎么做不得使用其他属性的正确组合。
总而言之,您可以使用路径告诉脚本此规则适用于此页面,但这样做您还必须将 false
传递给 redirect
。
所以为了完成我想要的,第一步实际上不需要任何onNext
、path
或redirect
属性设置,你可以简单地设置 reflex: true
这样当你的元素被点击时它会自动进入下一步,然后关键就在你的下一步上 设置 path
到你的页面应该在什么地方并且 redirect: false
设置它不会尝试自动重定向到你的 path
这是一个正则表达式而不是一个有效的 url 路径。