Twitter bootstrap 链接到特定选项卡引导代码点火器
我使用的是codeigniter,我也遇到了同样的问题: 我尝试了以下方法,但没有成功:Twitter bootstrap 链接到特定选项卡引导代码点火器,twitter-bootstrap,codeigniter,hash,tabs,Twitter Bootstrap,Codeigniter,Hash,Tabs,我使用的是codeigniter,我也遇到了同样的问题: 我尝试了以下方法,但没有成功: <ul class="nav nav-pills nav-stacked"> <li class="<?php echo ($acao == 'listar') ? 'active' : ''; ?>"> <a href="#mytab1" data-toggle="tab"> <i class="fa f
<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> 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> 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> Name Link My tab 3
</a>
</li>
</ul>
并在头部添加javascript,但它不起作用,我错在哪里?而不是
$'.nav堆栈a[href='+hash+']'.tab'show'
试一试
$'.nav堆栈a[href='+hash+']'.show
<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');