我认为自己是 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>
我让李的班级活跃起来,最近把它们拿出来了。
发生的事情是 thing2 块被隐藏了,单击侧栏中的 thing2 链接没有任何反应!我究竟做错了什么?它不是从thing1切换到thing2。
请帮忙!