Php 使用bootstrap 3时选项卡中的选项卡工作不正常
我正在制作一个网页,我计划在主菜单选项卡的其中一个选项卡上添加两个菜单选项卡。我能够让子菜单选项卡显示在页面上。所有选项卡的内容都已正确填充。但是,我无法在选项卡之间导航。我在下面发布了我如何声明选项卡的代码: Header.phpPhp 使用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">
<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');});