Twitter的Bootstrap导航选项卡与<？php包括？>不起作用

我有一个选项卡导航问题。我无法显示第二个和第三个标签。下面的代码Twitter的Bootstrap导航选项卡与<？php包括？>不起作用

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Example of Twitter Bootstrap 3 Dynamic Tabs</title> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#myTab a").click(function(e){ 
    e.preventDefault(); 
    $(this).tab('show'); 
}); 
}); 
</script> 
</head> 
<body> 
<div class="bs-example"> 
<ul class="nav nav-tabs" id="myTab"> 
    <li class="active"><a href="#add">Add Employee</a></li> 
    <li><a href="#sch">Employee List</a></li> 
    <li><a href="#list">Employee Schedule</a></li> 
</ul> 
<div class="tab-content"> 
    <div id="add" class="tab-pane active"> 
     <?php include('addempform.php');?> 
    </div> 
    <div id="sch" class="tab-pane"> 
     <?php include('addschform.php');?> 
    </div> 
    <div id="list" class="tab-pane"> 
     <?php include('emplist.php');?> 
    </div> 
    </div> 
</div> 
</body> 
</html>

我注意到误差与？PHP的包括：（ 'xxx.php'）？>。我该如何解决这个问题？

谢谢。

来源

2014-11-25 underthemistletoe

你做了什么错误？ – 2014-11-25 08:16:32

@sgt我应该在第二个和第三个标签上的页面不会加载。 – underthemistletoe 2014-11-26 02:46:22

我刚纠正了你的代码，jQuery必须在引导之前加载！

问候

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
<meta charset="UTF-8"> 
 
<title>Example of Twitter Bootstrap 3 Dynamic Tabs</title> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css"> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap-theme.min.css"> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> 
 

 
<script type="text/javascript"> 
 
$(document).ready(function(){ 
 
$("#myTab a").click(function(e){ 
 
    e.preventDefault(); 
 
    $(this).tab('show'); 
 
}); 
 
}); 
 
</script> 
 
</head> 
 
<body> 
 
<div class="bs-example"> 
 
<ul class="nav nav-tabs" id="myTab"> 
 
    <li class="active"><a href="#add">Add Employee</a></li> 
 
    <li><a href="#sch">Employee List</a></li> 
 
    <li><a href="#list">Employee Schedule</a></li> 
 
</ul> 
 
<div class="tab-content"> 
 
    <div id="add" class="tab-pane active"> 
 
     <?php include('addempform.php');?> 
 
    </div> 
 
    <div id="sch" class="tab-pane"> 
 
     <?php include('addschform.php');?> 
 
    </div> 
 
    <div id="list" class="tab-pane"> 
 
     <?php include('emplist.php');?> 
 
    </div> 
 
    </div> 
 
</div> 
 
</body> 
 
</html>

来源

2014-11-25 08:21:41

你好摆在标签面板一些PHP代码，你必须喜欢的iFrame 之间插入：

<iframesrc="xxx.php"></iframe>

来源

2015-07-28 11:24:36 Wizzy972

Twitter的Bootstrap导航选项卡与<？php包括？>不起作用

回答

相关问题