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

V2EX = way to explore

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

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 4788 days ago, the information mentioned may be changed or developed.

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

锚点

tab

Bootstrap

4 replies • 1970-01-01 08:00:00 +08:00

0bit

Mar 21, 2013

这应该属于前端的route的内容了，一般前端的MVC框架会包含，github上也有lib来处理这个的，我忘了名字了，等我一会儿找找去。

如果自己写的话，也可以，在页面load的时候，根据window.location.hash来选择打开某个tab，$("#tabid").tab('show')

coolair

Mar 21, 2013

@0bit 可以远程帮我看看么？麻花：704407710，谢谢。

0bit

Mar 21, 2013

@coolair 上班时间，不方便上QQ，大概思路你看看吧：
switch (window.location.hash) {
case '#abc':
$('#abc').tab('show');
break;
case '#def':
$('#def').tab('show');
}

页面载入就加载，应该可以吧，没具体试

DaniloSam

Apr 27, 2013 via iPhone

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