jquery - 使用 jQuery 和 Twitter Bootstrap 查找事件选项卡

Question

我已经绞尽脑汁有一段时间了，我想知道是否有人知道如何使用 jQuery 和 Twitter 的 Bootstrap 找到事件选项卡。从 URL 中提取哈希值不是我的第一选择，我正在使用 data-toggle <a> 中的属性链接，因此无需生成 URL 哈希。

有什么见解吗？这是我的标记的示例:

<ul class="nav nav-list" id="sampleTabs">
    <li><a href="#example" data-toggle="tab">Tab 1</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane fade active in" id="example">
        Example Tab
    </div>
</div>

<script>
$('#sampleTabs a:first').tab('show');
</script>

我愿意接受任何建议 - 使用 PHP session 、JS cookie 等。

编辑:这是真正的问题。我有一个使用 PHP 的分页系统，因此当单击页码或下一个/上一个箭头时，它将重新加载页面。这就是为什么我需要在加载下一页之前找到事件选项卡，因为我只需在 url 或 session 等中传递它。

Answer 1

Twitter Bootstrap 将 active 类分配给表示事件选项卡的 li 元素:

$("ul#sampleTabs li.active")

另一种方法是绑定(bind)每个选项卡的 shown 事件，并保存事件选项卡:

var activeTab = null;
$('a[data-toggle="tab"]').on('shown', function (e) {
  activeTab = e.target;
})