hyperlink - twitter bootstrap tabs link

Question

I have a rails project that's been set up with twitter bootstrap for styling. On one page I have three tabs #1, #2, #3.

I would like to know how I can link to a specific Tab, for example tab #2, from another page. I have tried creating a link with an anchor eg: #2, but it does not work... when the page loads, it automatically loads the tab #1 (note: tab #1 is assigned an 'active' class in the html).

Am I missing something?

Would this require additional JS for it to function property?

Answer 1

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

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

Answer 2

我认为您应该查看您的 routes.rb 并将 :root 更改为 => "controller#action" 它会根据呈现的操作呈现另一个页面，提供活动类

Answer 3

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

我使用 url 参数，例如 .../?tab=credentials，通过链接定位特定选项卡。如果存在选项卡的 url 参数，我会从选项卡列表中对其进行索引，然后将该索引定位为处于活动状态。如果选项卡 url 参数不存在，我只是将第一个选项卡（索引 0）定位为处于活动状态。