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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 4270 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如：可以如果http://abc.com/#1，http://abc.com/#2来访问每个标签，选中该标签，并显示标签对应的内容。

锚点

tab

Bootstrap

4 条回复 • 1970-01-01 08:00:00 +08:00

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 via iPhone

监听hashchange事件，获取对应元素的坐标然后滚屏即可