Ошибка с этими вкладками бутстрапа?

Question

Хорошо, я пытаюсь добавить эти вкладки из twitter bootstrap, я не уверен, что я делаю неправильно, но я не могу заставить эти вещи работать! Кто-то может мне помочь?

вкладка Мой код ..

<ul class="nav nav-tabs" id="tabs" data-tabs="tabs"> 
<li class="active"><a href="#home" data-toggle="tab">Home</a></li> 
<li><a href="#profile" data-toggle="tab">Profile</a></li> 
<li><a href="#messages" data-toggle="tab">Messages</a></li> 
<li><a href="#settings" data-toggle="tab">Settings</a></li> 
</ul> 

<div class="tab-content" id="my-tab-content"> 
<div class="tab-pane active" id="home">asdf</div> 
<div class="tab-pane" id="profile">fasd</div> 
<div class="tab-pane" id="messages">.xzcv</div> 
<div class="tab-pane" id="settings">ert.</div> 
</div> 
</div> 
</div> 

<script type="text/javascript"> 
jQuery(document).ready(function ($) { 
$('#tabs').tab(); 
}); 
</script> 

<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script> 
</html> 

Answer 1

Попробуйте это:

jQuery(document).ready(function ($) { 
$('#tabs').tab('show'); 
}); 

Вы также можете перепроверить, что у вас есть JQuery включен в заголовок ...

Answer 2

Вы можете активировать отдельные вкладки несколькими способами.

$('#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)