1

我认为自己是 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。

请帮忙!

4

2 回答 2

1

经过一个月的疯狂,我发现问题是由于 type="text/javascript** unclosed " 这样一个新手错误!

于 2013-03-26T09:39:21.203 回答
0

不确定这是否是绝对答案,但我注意到了一些事情:

1 - footer.php 在文件底部包含一个打开。删除该行。

2 - 您的字符需要使用 HTML 实体值。否则,它可以被视为 HTML 标记的一部分。

改变:

<li><a href='#thing1' data-toggle='tab'>Thing 1 >></a></li>
<li><a href='#thing2' data-toggle='tab'>Thing 2 >></a></li>

<li><a href='#thing1' data-toggle='tab'>Thing 1 &gt;&gt;</a></li>
<li><a href='#thing2' data-toggle='tab'>Thing 2 &gt;&gt;</a></li>
于 2013-02-22T07:43:45.597 回答