Question

使用Twitter Bootstrap的[Tabbable标签] [1]，它说：

“通过javascript启用可列表标签（每个标签需要单独激活）”：

  $('#myTab a').click(function (e) {
    e.preventDefault();
  $(this).tab('show');
   })

然后您可以“以多种方式激活各个标签”：

$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)

当我点击每个标签并将其#id显示在网址中时，我怎么能单独激活每个标签？

Answer 1

这是为了在url中添加hash，你可以添加：

$('a').click(function(e){

e.preventDefault();
if(window.location.hash) window.location.hash = '';
window.location.hash = $(e.target).attr('class'); //or id, or other attribute

});

当用户点击'a'标记（或您的标签ID或其他...）时，删除previus哈希并附加新哈希。基本上使用window.location.hash。

Answer 2

在位置网址中正确显示哈希的方法是删除 e.preventDefault();行。我假设你的A标签指向#hash_tags，如：<a href="#mytasks">My Tasks</a>。以下是我如何使用jQuery激活引导程序选项卡的示例：

$('#tabs li a').each(function () {
  $(this).click(function (e) {
    $(this).tab("show");
  });
});

如何手动激活Twitter Bootstrap选项卡

2 个答案: