Php 使用bootstrap 3时选项卡中的选项卡工作不正常

Php 使用bootstrap 3时选项卡中的选项卡工作不正常,php,jquery,css,twitter-bootstrap,tabs,Php,Jquery,Css,Twitter Bootstrap,Tabs,我正在制作一个网页,我计划在主菜单选项卡的其中一个选项卡上添加两个菜单选项卡。我能够让子菜单选项卡显示在页面上。所有选项卡的内容都已正确填充。但是,我无法在选项卡之间导航。我在下面发布了我如何声明选项卡的代码: Header.php <div class="row clearfix"> <div class="col-md-12 column">

我正在制作一个网页,我计划在主菜单选项卡的其中一个选项卡上添加两个菜单选项卡。我能够让子菜单选项卡显示在页面上。所有选项卡的内容都已正确填充。但是,我无法在选项卡之间导航。我在下面发布了我如何声明选项卡的代码:

Header.php

                <div class="row clearfix">
                        <div class="col-md-12 column">
                                <div class="tabbable boxed parentTabs" id="mainmenutab">
                                        <ul class="nav nav-tabs">

                                                <?php include "mainmenu_links.php"; ?>

                                                <li class="dropdown" onclick="dropdownuserlogin()">
                                                        <?php include "userlogin.php"; ?>
                                                </li>
                                        </ul>
                                </div>
                        </div>
                </div>
        </div>

<script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.js"></script>
<script>
function dropdownuserlogin(e){
$('.dropdown-toggle').dropdown();
$('#userlogin').dropdown('toggle');
}   


$("ul.nav-tabs a").click(function (e) {
  e.preventDefault();  
$(this).tab('show').addClass('active');
});


</script>
</body>
</html> 

函数dropdownuserlogin(e){ $('.dropdown toggle').dropdown(); $('#userlogin')。下拉列表('toggle'); } $(“ul.nav-tabs a”)。单击(功能(e){ e、 预防默认值(); $(this).tab('show').addClass('active'); });
mainmenu_links.php:

    <?php
$main = $_GET['main']; $sub = $_GET['sub']; /*echo $main; echo $sub;*/

$main_menu=array("Home"=>"files/home_page.php?main=1&sub=1",
                "Submit a New Project"=>"files/form_page.php?main=2&sub=2",
                "All Projects"=>"myday/.view_table.php?main=3&sub=1",
                "Innovations"=>"files/ideafactory.php?main=4&sub=4",
                "Share your learning"=>"files/shareyourlearning.php?main=5&sub=5",
                "Meet the Team"=>"files/team.php?main=6&sub=6");

$i = 1;
foreach($main_menu as $key => $value){
        if($i == "1"){
                echo "<li class=\"active\"><a href=\"../".$value."\"";
                if($main == "1" | $main==null){
                         echo " class=\"selected\"";
                }
                echo ">".$key."</a></li>";
        }
        else{
                echo "<li><a href=\"../".$value."\"";
                if($main == $i){
                         echo " class=\"selected\"";
                }
                echo ">".$key."</a></li>";
                $i++;
        }
}

?>

projects\u menulinks.php

<?php
$main = $_GET['main']; $sub = $_GET['sub'];
$sub_menu=array("Myday"=>"myday/.view_table.php?main=3&sub=1",
                "Techpulse"=>"techpulse/.view_table.php?main=3&sub=2",
                "BrownBag Sessions"=>"brownbag/.view_table.php?main=3&sub=3");

$i = 1;
                        foreach($sub_menu as $key => $value){
                                if($sub == "1"){
                                        echo "<li class=\"active\"><a href=\"../".$value."\"";
                                        echo ">".$key."</a></li>";
                                }
                                else{
                                        echo "<li><a href=\"../".$value."\"";
                                        echo ">".$key."</a></li>";
                                }
                        }
?>


我想我把标签声明搞砸了。有人能告诉我我做错了什么。

您缺少添加引导的功能。js@BaptisteDonaux-我在头文件的末尾添加了bootstrap.js。我认为在你的header.php的末尾文件中,你也有一个标记。@BaptisteDonaux-我做了更改..但不起作用。看看文档$(“#myTab a”).on(“单击”,函数(e){e.preventDefault();$(this.tab('show');});