使这些选项卡保持不变的最佳方法是什么?
http://twitter.github.com/bootstrap/javascript.html#tabs
要添加一些上下文,这是一个rails应用程序。我传递一个数组[tab1,tab2]到我的视图,渲染这两个选项卡,并使用引导选项卡插件来切换其可见性。
解决方法
此代码根据#hash选择正确的选项卡,并在单击选项卡时添加正确的#hash。 (这使用jquery)
在咖啡:
$(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)
或在JS中:
$(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); }); });