2012-11-11 208 views
0

我正在嘗試使用Twitters引導下拉菜單,但是當我點擊下拉切換器(信息)時,下拉菜單並未激活,也沒有任何反應。引導下拉不起作用 - 下拉不起作用

的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 =

+1

你進入錯誤控制檯時會出現什麼錯誤? – GBD

+0

哪裏和什麼是錯誤控制檯? –

+0

檢查在Firefox和那裏你得到錯誤控制檯 – GBD

回答

1

因爲js文件bootstrap.js已經包含bootstrap使用的所有jQuery插件,所以您無需直接添加bootstrap-dropdown.js

在Chromium 23上,使用兩個腳本禁用功能而不顯示任何錯誤消息。

+0

那麼爲什麼下拉不起作用?我錯過了一些代碼嗎? –

+0

可能包括'bootstrap-dropdown.js'和'bootstrap.js'導致衝突。 – BAK

0

你必須在引用jst之前引用jquery。