twitter bootstrap标签链接

时间:2012-04-06 14:10:02

标签: hyperlink tags twitter-bootstrap

我有一个rails项目,已经设置了twitter bootstrap用于样式化。在一个页面上,我有三个标签#1,#2,#3。

我想知道如何从另一个页面链接到特定选项卡,例如选项卡#2。我已经尝试创建一个锚点链接,例如:#2,但它不起作用...当页面加载时,它会自动加载选项卡#1(注意:选项卡#1在html中被分配了一个'active'类)。

我错过了什么吗?

这需要额外的JS才能使其成为函数属性吗?

3 个答案:

答案 0 :(得分:4)

这段代码似乎解决了这个问题:

:javascript
  $(document).ready(function(){
    $('a[href="' + window.location.hash + '"]').click()
  });

答案 1 :(得分:0)

我认为您应该查看您的routes.rb并将:root更改为=> “控制器#行动” 它将呈现另一个页面,根据呈现的动作提供活动类

答案 2 :(得分:0)

这里不需要javascript。通过使用“有效”标签将标签触发为有效标签。选项卡标题和选项卡内容上的类。它是显示内容并突出显示选项卡的活动类。因此,您可以非常轻松地,有条件地将活动类添加到正确的选项卡标题/内容中。

我使用url param(例如... /?tab = credentials)来通过链接定位特定选项卡。如果选项卡的url参数存在,我将从选项卡列表中对其进行索引,然后将该索引作为活动目标。如果tab url param不存在,我只是将第一个选项卡(索引0)作为活动目标。