2013-07-17 3 views
0

Активная вкладка в меню 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>  

ответ

3

Вы не добавили начальной загрузки JS :)

+0

Это не тот случай. Я добавил его на мой текущий сайт, и он все еще не работает. Этот ответ также был представлен здесь: http://stackoverflow.com/questions/9630595/twitter-bootstrap-tabs-not-working-for-me, и оказалось, что проблема не устранена – Parseltongue

+0

в вашей загрузке-tab.js неправильно ... inside - это html-код, а не код js. –

0

Вы должны включить файл bootstrap.js для этой работы.

0

Вы включили bootstrap-tab.js, но не другие файлы, которые могут потребоваться. Пожалуйста, откройте FireBug, перезагрузите страницу, и вы увидите, что в консоли консоль не указала «вкладка не является функцией», что означает, что код начальной загрузки не был правильно инициализирован.

Смежные вопросы