【发布时间】：2013-02-22 07:32:39
【问题描述】：
我认为自己是 css 的中级，php 的初学者，但 js 的小白：/
对于我的问题，我使用的是基本引导格式，并创建了 header.php、footer.php、body.php 和 sidebar.php
Header.php 包含所有顶部导航以及指向 css 的链接。
footer.php 包含
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
body.php 包含主体以及用于进入侧边栏的页面的特定导航链接。
<div class="container">
<div class="tabbable">
<div class = "row">
<div class="span8 pull-right">
<div class="tab-content">
<div class="tab-pane fade active in" id="thing1">
<p>about this thing1</p>
</div><!--end tab-pane-->
<div class="tab-pane fade in" id="thing2">
<p>about this thing2</p>
</div><!--end tab-pane-->
</div><!--end tab-content-->
</div><!--end span8-->
<!--sidebar info -->
<?php
$sidebar_nav = "<ul class='nav nav-pills nav-stacked' id='tabs' data-tabs='tabs'>
<li><a href='#thing1' data-toggle='tab'>Thing 1 >></a></li>
<li><a href='#thing2' data-toggle='tab'>Thing 2 >></a></li>
</ul>";
include "sidebar.php";
?>
<!-- end sidebar-->
</div><!--end tabbable-->
</div><!--end row-->
</div><!--end container-->
<!--end main body-->
Sidebar.php 包含
<div class="span4">
<div class="well-small">
<div class="pull-right">
<?php echo $sidebar_nav;?>
</div><!--end pull-right-->
</div><!--end well-small -->
</div><!-- end span4 -->
我玩过将以下代码放在 body.php 页面底部以及脚本链接后的页脚中。
<script>
$('#tabs a').click(function (e) {
e.preventDefault();
$(this).tab('show');
});
</script>
我已经激活了 li 的课程，并且最近将它们删除了。
发生的事情是thing2块被隐藏了，点击侧边栏中的thing2链接没有任何反应！我究竟做错了什么？它不是从thing1切换到thing2。
请帮忙！
【问题讨论】：
-
我看到你包括
bootstrap.js和bootstrap.min.js。这两个文件实际上是相同的，但 .min 已被缩小（=删除空格以减小文件大小），因此下载速度更快。您不需要同时包含它们。 -
我添加它是因为这里有人推荐 OP 也包含它并且它对他有用。哈哈！在这个阶段我会尝试任何事情！
标签： php html twitter-bootstrap