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

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

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

页面载入就加载,应该可以吧,没具体试
DaniloSam
2013 年 4 月 27 日
监听hashchange事件,获取对应元素的坐标然后滚屏即可

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

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

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

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

© 2021 V2EX