网页上未填充下拉引导菜单
我有一个头文件，我试图在其中包含一个bootstrap下拉列表，该下拉列表中将包含用户id和另外两个选项。在头文件中，我为dropdown创建了一个新的div，并将其链接到一个php文件中，在该文件中，我具有填充dropdown的用户id信息的逻辑。
header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--<style>{height:150px; width:1300px;}</style>-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="Public">
<title><?php echo $page_title?></title>
<script src="js/bootstrap.js"</script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<script src="script_dbafactory.js?<?php echo rand(0,511);?>"></script>
<link href="css/bootstrap.css" rel="stylesheet">
<!--<link href="css/style_header.css" rel="stylesheet">-->
</head>
<body>
<div class="container">
<div class="row clearfix">
<div class="col-md-4 column">
<img alt="logo" src="./images/source.png">
</div>
<div class="col-md-8 column dbf">
<h2>DBA Factory</h2>
</div>
</div>
<div class="row clearfix">
<div class="col-md-12 column">
<div class="tabbable" id="tabs-775712">
<ul class="nav nav-tabs">
<li>
<a href="../dbafactory/home_page.php?sub=1" data-toggle="tab">Home</a>
</li>
<li>
<a href="../dbafactory/form_page.php?sub=2" data-toggle="tab">Submit a project</a>
</li>
<li>
<a href="../dbafactory/view_table.php?sub=3" data-toggle="tab">All Projects</a>
</li>
<li>
<a href="#panel-4" data-toggle="tab">Innovative Ideas</a>
</li>
<li>
<a href="#panel-5" data-toggle="tab">Matchmaker</a>
</li>
<li>
<a href="#panel-6" data-toggle="tab">Meet the Team</a>
</li>
</ul>
</div>
<div class="dropdown">
<?php include "userlogin.php"; ?>
</div>
</div>
</div>
</div>
</body>
<script>
$('.dropdown-toggle').dropdown();
$('#userlogin').dropdown('toggle');
</script>userlogin.php
if ($loginid!="")
{
echo "<a id=\"userlogin\" role=\"button\" data-toggle=\"dropdown\" href=\"#\">" .$loginid. "<span class=\"caret\"></span></a>";
//echo "<li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"#\">" .$loginid. "</a></li>";
echo "<ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"userlogin\">";
echo "<li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"#\">Settings</a></li>";
echo "<li role=\"presentation\" class=\"divider\"></li>";
echo "<li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"http://profilelink\">My Profile</a></li>";
echo "<li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"https://logoutpage\"> Sign Out </a></li>";
echo "</ul>";
}
else
{
echo "<a id=\"userlogin\" role=\"button\" data-toggle=\"dropdown\" href=\"#\"> User <span class=\"caret\"></span></a>";
echo "<ul class=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"userlogin\">";
echo "<li role=\"presentation\"><a role=\"menuitem\" tabindex=\"-1\" href=\"https://reloginpage\"> Sign In </a></li>";
echo "</ul>";
}我可以在主登录页面上获得用户I。下拉菜单在jsfiddle上运行得很好，但在相关页面上就不行了。当我使用Firebug进行调试时。我看到标记没有突出显示，但是突出显示了标记，即userid。这会是一个问题吗？
有没有人能告诉我这里出了什么问题？我如何继续解决这个问题并进行调试？
回答 1
Stack Overflow用户
发布于 2014-02-06 06:27:00
确保在文档的<body>中包含<?php include "userlogin.php"; ?>。你不能在你的<head>中输出div和list。
将所有JS库e.t.c包含在正文的末尾(紧接在</body>标记之前)也是一种好的做法。就像这样，网站的渲染不会被阻止。
编辑：@rond以防你还没有弄明白，我创建了一个要点(未测试)，这应该是-> https://gist.github.com/sidneywidmer/8839857的样子
https://stackoverflow.com/questions/21589697
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号