私は自分自身を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 への切り替えではありません。
助けてください！