jquery - 使 Twitter Bootstrap 选项卡持久化的最佳方法

Question

让这些选项卡持续存在的最佳方法是什么？

http://twitter.github.com/bootstrap/javascript.html#tabs

要添加一些上下文，这是针对 Ruby on Rails 的。应用。我将数组 [tab1, tab2] 传递到我的 View ，渲染两个选项卡并使用 Bootstrap 选项卡插件来切换它们的可见性。

Answer 1

此代码根据 #hash 选择正确的选项卡，并在单击选项卡时添加正确的 #hash。 (这使用了 jQuery)

在 CoffeeScript 中:

$(document).ready ->
    if location.hash != ''
         $('a[href="'+location.hash+'"]').tab('show')

    $('a[data-toggle="tab"]').on 'shown', (e) ->
        location.hash = $(e.target).attr('href').substr(1)

或者在 JavaScript 中:

$(document).ready(function() {
    if (location.hash !== '') $('a[href="' + location.hash + '"]').tab('show');
    return $('a[data-toggle="tab"]').on('shown', function(e) {
      return location.hash = $(e.target).attr('href').substr(1);
    });
});