2015-05-03 2 views
1

Я использую CodeIgniter и я с той же проблемой в теме:Ссылка на конкретные вкладки Bootstrap Codeigniter

Link to specific tab Bootstrap

Я пытаюсь следующим но не Sucess:

<ul class="nav nav-pills nav-stacked"> 
    <li class="<?php echo ($acao == 'listar') ? 'active' : ''; ?>"> 
     <a href="#mytab1" data-toggle="tab"> 
      <i class="fa fa-cogs"></i>&nbsp;Name Link My tab 1 
     </a> 
    </li> 
    <li class="<?php echo ($acao == 'cadastro') ? 'active' : ''; ?>"> 
     <a href="#mytab2" data-toggle="tab"> 
      <i class="fa fa-folder-open"></i>&nbsp;Name Link My tab 2 
     </a> 
    </li> 
    <li class="<?php echo ($acao == 'tipos') ? 'active' : ''; ?>"> 
     <a href="#mytab2" data-toggle="tab"> 
      <i class="fa fa-cogs"></i>&nbsp;Name Link My tab 3 
     </a> 
    </li> 
</ul> 

В сноске:

<script type="text/javascript"> 
     $(function() { 
      // Javascript to enable link to tab 
      var hash = document.location.hash; 
      if (hash) { 
      console.log(hash); 
      $('.nav-stacked a[href='+hash+']').tab('show'); 
      } 

      // Change hash for page-reload 
      $('a[data-toggle="tab"]').on('show.bs.tab', function (e) { 
      window.location.hash = e.target.hash; 
      }); 
     }); 
    </script> 
<script src="http://code.jquery.com/jquery.min.js"></script> 
<script src="<?php echo site_url('assets/js/jquery-1.10.2.min.js'); ?>"></script> 
<script src="<?php echo site_url('assets/js/jquery-migrate-1.2.1.min.js'); ?>"></script> 
<script src="<?php echo site_url('assets/js/jquery-ui.js'); ?>"></script> 

я также попытался изменить класс литиево ne для:

$('.nav-pills a[href='+hash+']').tab('show'); 

и положить в голову javascript, но это не сработало, где я ошибаюсь?

ответ

0

Вместо $ ('. Nav-stacked a [href =' + hash + ']'). Tab ('show');

Попытка

$ ('Nav стеками в [HREF = '+ + хэш']') шоу().

+0

Спасибо, но это не сработало – Gislef

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