Активная вкладка в меню Bootstrap Twitter появляется, но не любая другая вкладка. Решение подобных вопросов (см. here) было data-toggle="tab"
, но это не сработало для меня.Щебетать вкладки Bootstrap не активируются
Вот фрагмент кода вкладки:
<div class="container">
<div id="content">
<ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
<li class="active"><a href="#skills" data-toggle="tab">Skills</a></li>
<li><a href="#interests" data-toggle="tab">Interests</a></li>
<li><a href="#languages" data-toggle="tab">Languages</a></li>
</ul>
<div id="my-tab-content" class="tab-content">
<div class="tab-pane active" id="skills">
<ul class="checkbox-grid">
<li><label><input type="checkbox" name="checkbox" id="Business Development box" value= "Business Development" onclick="boxclick(this,'skills','Business Development')" /> Business Development </label></li>
<li><label><input type="checkbox" name="checkbox" id="Capacity Building box" onclick="boxclick(this,'skills','Capacity Building')" /> Capacity Building </label></li>
</ul>
</div>
<div class="tab-pane" id="interests">
<ul class="checkbox-grid">
<li><label><input name="checkbox" id="Art/Architecture/Music box" onclick="boxclick(this,'interests','Training Development')"/> Art/Architecture/Music</label></li>
<li><label><input name="checkbox" id="Child Rights box" onclick="boxclick(this,'interests','Training Development')"/> Child Rights</label></li>
</ul>
</div>
<div class="tab-pane" id="languages">
<h1>Languages</h1>
<p>languages languages languages</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#tabs').tab();
});
</script>
Это не тот случай. Я добавил его на мой текущий сайт, и он все еще не работает. Этот ответ также был представлен здесь: http://stackoverflow.com/questions/9630595/twitter-bootstrap-tabs-not-working-for-me, и оказалось, что проблема не устранена – Parseltongue
в вашей загрузке-tab.js неправильно ... inside - это html-код, а не код js. –