我无法在页面加载时打开第一个标签页。代码如下。
<ul id="rowTab" class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#tab_a">Tab A</a></li>
<li><a data-toggle="tab" href="#tab_b">Tab B</a></li>
<li><a data-toggle="tab" href="#tab_c">Tab C</a></li>
<li><a data-toggle="tab" href="#tab_d">Tab D</a></li>
</ul>
<div class="tab-content">
<div id="tab_a" class="tab-pane fade active">
Tab A inner
</div>
<div id="tab_b" class="tab-pane fade">
Tab B inner
</div>
<div id="tab_c" class="tab-pane fade">
Tab C inner
</div>
<div id="tab_d" class="tab-pane fade">
Tab D inner
</div>
</div>
和jQuery
<script type="text/javascript">
$(document).ready(function(){
$('#rowTab a:first').tab('show');
});
</script>
任何线索为什么不起作用?
由于
答案 0 :(得分:19)
从第一个标签的内容中删除fade
课程。
<div id="tab_a" class="tab-pane active">
Tab A inner
</div>
答案 1 :(得分:6)
使用fade
<div id="tab_a" class="tab-pane active fade in">
Tab A inner
</div>
Baghoo - 感谢您指出导致问题的原因