V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
coolair
V2EX  ›  JavaScript

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

  •  
  •   coolair · 2013-03-21 09:38:53 +08:00 · 7141 次点击
    这是一个创建于 4277 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如:可以如果http://abc.com/#1,http://abc.com/#2来访问每个标签,选中该标签,并显示标签对应的内容。
    4 条回复    1970-01-01 08:00:00 +08:00
    0bit
        1
    0bit  
       2013-03-21 10:09:32 +08:00
    这应该属于前端的route的内容了,一般前端的MVC框架会包含,github上也有lib来处理这个的,我忘了名字了,等我一会儿找找去。

    如果自己写的话,也可以,在页面load的时候,根据window.location.hash来选择打开某个tab,$("#tabid").tab('show')
    coolair
        2
    coolair  
    OP
       2013-03-21 10:18:18 +08:00
    @0bit 可以远程帮我看看么?麻花:704407710,谢谢。
    0bit
        3
    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
        4
    DaniloSam  
       2013-04-27 00:13:15 +08:00 via iPhone
    监听hashchange事件,获取对应元素的坐标然后滚屏即可
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3551 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 04:36 · PVG 12:36 · LAX 20:36 · JFK 23:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.