1

TwitterBootstrapの[TabbableTabs][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)

タブをクリックしてURLに#idを表示させるときに、各タブを個別にアクティブ化するにはどうすればよいですか？

4

2 に答える 2

2

これは、URLにハッシュを追加するためのものです。これを追加できます。

$('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など）をクリックしたら、前のハッシュを削除して新しいハッシュを追加します。基本的にwindow.location.hashを使用します。

于 2012-06-22T06:08:39.620 に答える
0

場所のURLにハッシュを正しく表示する方法は、行を削除することです。e.preventDefault();私はあなたのAタグがそのような#hash_tagsを指していると仮定しています：<a href="#mytasks">My Tasks</a>。jQueryを使用してブートストラップタブをアクティブ化する方法の例を次に示します。

$('#tabs li a').each(function () {
  $(this).click(function (e) {
    $(this).tab("show");
  });
});
于 2013-01-27T05:12:04.073 に答える