php - 这些引导选项卡有错误吗？

Question

好的，我正在尝试从 twitter bootstrap 添加这些选项卡，我不确定我做错了什么，但我无法让这些东西正常工作！有人可以帮帮我吗？

我的标签代码..

<ul class="nav nav-tabs" id="tabs" data-tabs="tabs">
<li class="active"><a href="#home" data-toggle="tab">Home</a></li>
<li><a href="#profile" data-toggle="tab">Profile</a></li>
<li><a href="#messages" data-toggle="tab">Messages</a></li>
<li><a href="#settings" data-toggle="tab">Settings</a></li>
</ul>

<div class="tab-content" id="my-tab-content">
<div class="tab-pane active" id="home">asdf</div>
<div class="tab-pane" id="profile">fasd</div>
<div class="tab-pane" id="messages">.xzcv</div>
<div class="tab-pane" id="settings">ert.</div>
</div>
</div>
</div>

<script type="text/javascript">
jQuery(document).ready(function ($) {
$('#tabs').tab();
});
</script>

<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
</html>

Answer 1

尝试这个：

jQuery(document).ready(function ($) {
 $('#tabs').tab('show');
});

您可能还想仔细检查标题中是否包含 jQuery...

Answer 2

您可以通过多种方式激活各个选项卡。

$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)