引导之旅- URL与不同的值每个用户
Bootstrap Tour - URL with different value per user
我已经看过其他问题/答案,但我就是找不到一个解决我的问题。我在这里看了原始文档,但解决方案对我来说没有意义。
以下代码中的路径因用户而异
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>
@Adriano Repetti的回答很好,实际上应该被视为最佳实践。然而,由于许多原因,我无法在服务器端更改许多东西,使用liferay门户就是其中之一!
如果有人也有兴趣知道答案,这是我的解决方案:
:
onNext: function(){
var n=window.location.href;
//alert(n);
n=n.replace('/user/','/web/').replace('/groups','/biography');
document.location.href = n;
},
这告诉tour找到当前url并将其分配给n。然后将/user/替换为/web/,以此类推。然后将新值赋给n,并告诉onNext函数点击它!
我希望这对你有帮助。
相关文章:
- 从远程脚本获取用户IP
- 如何通过自己获得Chrome扩展的用户反馈/错误报告
- d3基于用户选择动态更新节点
- 同步调用,直到用户通过angular验证为访问者
- 使用javascript搜索具有用户输入的数组
- 如何使用jquery确定用户是否年满18岁
- Meteor-添加用户自定义字段的方法不起作用
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- 跟踪用户点击Adsense广告的IP地址
- 使用javascript反复检查用户在facebook上的登录状态
- 我想在AngularJS应用程序中创建一个输入数字框,用户不应该在该框上键入十进制数字.(一个整数输入框)
- 如何检查用户在html5视频播放器中观看了完整的视频
- 共享脚本可以对与之共享脚本的用户隐藏吗
- 当用户选中复选框列表中的复选框之一时,我们如何禁用复选框
- 引导程序之旅 - 如何从目标页面返回
- 提供“;工具提示之旅”;
- 每24小时一次不同的谷歌地球之旅(无人驾驶)
- 引导之旅- URL与不同的值每个用户
- 在模式关闭时退出引导程序之旅
- 我如何才能使我的旋转木马自动播放,直到用户与之交互