使用bootstrap的tab如何使用固定链接访问锚点,并选中当前标签?

2013-03-21 09:38:53 +08:00
 coolair
比如:可以如果http://abc.com/#1,http://abc.com/#2来访问每个标签,选中该标签,并显示标签对应的内容。
7134 次点击
所在节点    JavaScript
4 条回复
0bit
2013-03-21 10:09:32 +08:00
这应该属于前端的route的内容了,一般前端的MVC框架会包含,github上也有lib来处理这个的,我忘了名字了,等我一会儿找找去。

如果自己写的话,也可以,在页面load的时候,根据window.location.hash来选择打开某个tab,$("#tabid").tab('show')
coolair
2013-03-21 10:18:18 +08:00
@0bit 可以远程帮我看看么?麻花:704407710,谢谢。
0bit
2013-03-21 11:12:35 +08:00
@coolair 上班时间,不方便上QQ,大概思路你看看吧:
switch (window.location.hash) {
case '#abc':
$('#abc').tab('show');
break;
case '#def':
$('#def').tab('show');
}

页面载入就加载,应该可以吧,没具体试
DaniloSam
2013-04-27 00:13:15 +08:00
监听hashchange事件,获取对应元素的坐标然后滚屏即可

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/63577

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX