Bootstrap 导览 - URL 每个用户的价值不同

Question

我查看了其他 questions/answers，但我就是找不到能解决我的问题的。我查看了原始文档 here 但解决方案对我来说没有意义。

以下代码中的路径因用户而异。

onNext: function(){
        document.location.href = 'http://localhost:8080/web/client/biography';
      },

接下来，用户会根据用户名被定向到不同的路径。

如何确保每个用户的 URL 都是正确的？

http://localhost:8080/web/client/biography
http://localhost:8080/web/client1/biography
http://localhost:8080/web/client2/biography

我的代码：

 <script>
// Instance the tour
var tour = new Tour({
 name: "tour",
  steps: [],
  container: "body",
  keyboard: true,
  storage: window.localStorage,
  debug: false,
  backdrop: true,
  backdropContainer: 'body',
  backdropPadding: 0,
  steps: [
  {
    element: ".logo",
    title: "Setup Wizard",
    content: "Synergistically visualize maintainable metrics vis-a-vis.",
  },
  {
    //element: "#groups",
    //backdrop: false,
  //  title: "Setup Wizard",
   // content: "Synergistically visualize maintainable metrics vis-a-vis."
   
  },
  {
    element: ".group-content",
    //backdrop: false,
    onNext: function(){
        document.location.href = 'http://localhost:8080/web/client/biography';
      },
    title: "Setup Wizard",
    content: "To get started we'd like you to setup your group subscriptions, and later tell us a bit more about yourself. Please tick your interested groups and click on Save"
  },
  {
    element: ".user-profile-portlet",
    onEnd: function(){
        document.location.href = 'http://localhost:8080/user/client/home';
      },
    title: "Setup Wizard",
    content: "Go ahead and click on 'edit' and tell us a bit more about yourself."
    
  }
 
]});

// Initialize the tour
tour.init();

// Start the tour
tour.start();
    </script>

Answer 1

@Adriano Repetti 的回答很好，实际上应该被视为最佳实践。但是，出于多种原因，我无法在服务器端更改很多内容，使用 liferay 门户就是其中之一！

如果其他人也有兴趣知道答案，这是我的解决方案：

在您的脚本中添加：

onNext: function(){
        var n=window.location.href;
        //alert(n);
        n=n.replace('/user/','/web/').replace('/groups','/biography');
        document.location.href = n;
      },

这告诉旅游找到当前的 url 并将其分配给 n。然后将 /user/ 替换为 /web/ 等等。然后给n赋新值，告诉onNext函数命中它！

希望对您有所帮助:)

Bootstrap 导览 - URL 每个用户的价值不同

Bootstrap Tour - URL with different value per user

javascript

twitter-bootstrap

bootstrap-tour