链接到特定的标签引导笨(Link to specific tab Bootstrap Codeign

2019-10-22 22:32发布

我使用的是笨,我有话题的同样的问题:

链接到特定的标签引导

我想,但没有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>

我也试过行改变类:

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

并放于头的JavaScript,但它没有工作,我在哪里错了?

Answer 1:

代替$( 'NAV-层叠[HREF = '+散列+'] ')选项卡(' 节目');

尝试

$( 'NAV-层叠[HREF = '+散列+']')显示();



文章来源: Link to specific tab Bootstrap Codeigniter