Bootstrap 下拉菜单不起作用 - 下拉菜单无法切换答案

【问题标题】：Bootstrap Dropdown not working - Dropdown doesn't toggleBootstrap 下拉菜单不起作用 - 下拉菜单无法切换
【发布时间】：2012-10-31 05:57:04
【问题描述】：

我正在尝试使用 Twitter 的引导下拉菜单，但是当我点击下拉切换器（信息）时，下拉菜单没有激活并且没有任何反应。

header.php：

<?php
include('minequery.class.php');
?>
<html>
<head>      
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>    
<LINK REL=StyleSheet HREF="css/bootstrap.css" TYPE="text/css" MEDIA=screen>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/  
bootstrap-dropdown.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script> 
</head>    
<body>        
<div class="header">            
<a href=""><div id="logo"></div><div id="banner"></div></a>            
<div class="navbar navbar-inverse">
  <div class="navbar-inner">
<ul class="nav">
  <li class="active"><a href="index.php">Home</a></li>
  <li><a href="about.php">About</a></li>
  <li><a href="server.php">Server</a></li>
  <li><a href="http://forums.interitumcraft.com">Forums</a></li>
  <li><a href="downloads.php">Downloads</a></li>
  <li><a href="http://donate.interitumcraft.com">Donate</a></li>
  <li><a href="vote.php">Vote</a></li>
  <li class="dropdown">
  <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  Information
  <b class="caret"></b>
  </a>
  <ul class="dropdown-menu">
    <li><a href="#">Rules</a></li>
    <li><a href="#">Guilds</a></li>
    <li><a href="#">Staff</a></li>
  </ul>
  </li>
 </ul>
  </div>
</div>       
</div>

index.php

<?php include('header.php'); ?>
<html><head><title>InteritumCraft | Minecraft Guild Server</title></head></html>
<div class="main">            
<h2>Home</h2>            
<div id="content">                
<h3>Announcements</h3> 
<?php
 $con = mysql_connect("localhost","interitu_forums","");
 if (!$con)
   {    
   die('Could not connect: ' . mysql_error());
   }

 mysql_select_db("interitu_forums", $con);

 $result = mysql_query("SELECT * FROM mybb_posts WHERE fid='4' LIMIT 5");

 while($row = mysql_fetch_array($result))
   {
?>
<h4>
<?php echo $row['subject']; ?></h4>
<?php echo(substr($row['message'], 0,500)) . '…'; ?>
<?php
echo $text; ?>
<br />
<i><a style="float: right;" href="http://forums.interitumcraft.com/thread-<?php 
echo $row['tid']; ?>.html">Read On</a></i>      
<?php
}

 mysql_close($con);
 ?>
</div>            
<?php include('sidebar.php'); ?>

侧边栏：

 </div>
 </div>
 <br /><br />
 <div id="footer">
 <p>© Copyright Lewes & Mathias / InteritumCraft 2012. All rights reserved</p>  
 </body>
 </html>

我正在使用具有所有功能和组件的最新引导程序。为什么下拉菜单不能切换？div id=

【问题讨论】：

您在错误控制台中遇到什么错误？
错误控制台在哪里，什么是？
在 Firefox 中签入，你会得到错误控制台
时间戳：11/11/2012 16:33:43 错误：未声明 HTML 文档的字符编码。如果文档包含 US-ASCII 范围之外的字符，则文档将在某些浏览器配置中呈现乱码。页面的字符编码必须在文档或传输协议中声明。
我尝试使用您的代码，并且使用 Apache Server 似乎下拉菜单工作正常。这个 ASCII 错误，可以在 index.php 的第 23 行找到。您有一个 ... 文本被用作一个字符。这可能是上面提到的错误，但不是下拉列表。

标签： php javascript jquery drop-down-menu twitter-bootstrap

【解决方案1】：

你不需要直接添加bootstrap-dropdown.js，因为js文件bootstrap.js已经包含了bootstrap使用的所有jQuery插件。

在 Chromium 23 上，使用这两个脚本禁用功能而不显示任何错误消息。

【讨论】：

那为什么下拉菜单不起作用？我错过了一些代码吗？
可能同时包含bootstrap-dropdown.js 和bootstrap.js 导致冲突。

【解决方案2】：

在引用引导 js 之前，您必须先引用 Jquery。

【讨论】：