2016-07-27 25 views
-1

我很抱歉打擾你一個愚蠢的問題,但我最近一直在學習jee並開始使用bootstrap,因爲我已經被告知是一個不錯的工具,無論如何,我正在做一個簡單的jsp頁面,但是我注意到每當我嘗試使用下拉菜單時它都不起作用!我的下拉列表在我的jsp文件無法正常工作,無論我嘗試如何:/

我不知道我在想什麼,我非常感謝,如果有人可以看看我的代碼,並告訴出了什麼問題:D(我做到了儘可能簡單,因爲它可以在按鈕找到頁面問題的所在)

<?xml version="1.0" encoding="UTF-8" ?> 
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"> 
    <jsp:directive.page contentType="text/html; charset=UTF-8" 
     pageEncoding="UTF-8" session="false"/> 
    <jsp:output doctype-root-element="html" 
     doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" 
     doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 
     omit-xml-declaration="true" /> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title>Insert title here</title> 
    <meta charset="utf-8"></meta> 
    <meta name="viewport" content="width=device-width, initial-scale=1"></meta> 
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.css"></link> 
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css"></link> 

    </head> 
    <body> 

    <div class="dropdown"> 
     <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example 
     <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
      <li><a href="#">HTML</a></li> 
      <li><a href="#">CSS</a></li> 
      <li><a href="#">JavaScript</a></li> 
     </ul> 
    </div> 
    <script type="text/javascript" src="Bootstrap/jquery/jquery.js"></script> 
    <script type="text/javascript" src="Bootstrap/jquery/jquery.min.js"></script> 
    <script type="text/javascript" src="Bootstrap/js/jquery.js"></script> 
    <script type="text/javascript" src="Bootstrap/js/Bootstrap.js"></script> 
    <script type="text/javascript" src="Bootstrap/js/bootstrap.min.js"></script> 
</body> 
</html> 
</jsp:root> 

我想我的問題是,我錯過了一些類型的文件或財產以後的列入,但我不能告訴它是什麼,你可以看到我已經嘗試包括隨機的測試,但沒有:'(,我有感覺這是一件非常愚蠢的事情,但我非常感謝,如果有人可以幫助我請!

在此先感謝你們

回答

0

也許你可以試試這個(也here見):

<script> $(document).ready(function(){ $(".dropdown-toggle").dropdown(); }); </script>

+0

你好, 感謝您的快速回答,我只是想它,它似乎並沒有工作,當我檢查的元件在控制檯中,我有這個錯誤:Uncaught ReferenceError:$未定義 想法? – DrayneZ

+0

解決了添加「」 的問題,但主要問題仍在此處:dropdown不工作 – DrayneZ

+0

嘗試把所有的腳本(bootstrap.min.js等...)到你的''標籤 – baris1892

0

您可以使用 「選擇,而不是UL」 無標籤 「下拉菜單」。和「選擇而不是李」。

+0

感謝您的答案哥們,但我仍然面臨同樣的問題不起作用:/任何其他想法? – DrayneZ

0

你錯過了包含你的文件。

我試過你的下拉菜單,它可以正常工作。我認爲你的道路是不正確的,因爲你說:

fixed the problem with adding "<>script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">"

但是jQuery是Bootstrap所必需的,並且已經在最後提供了!所以你至少錯過了這部分。

<script type="text/javascript" src="Bootstrap/jquery/jquery.js"></script> 
<script type="text/javascript" src="Bootstrap/jquery/jquery.min.js"></script> 
<script type="text/javascript" src="Bootstrap/js/jquery.js"></script> 

而且你不需要的jquery.js和jquery.min.js和js/jquery.js和

.min文件精縮文件。他們完成同樣的工作。並且包含三四次文件是無用的。

我建議你使用標籤${pageContext.request.contextPath}以獲得文件的絕對路徑。例如,如果我的應用程序在我的服務器上被稱爲mywebapp,那麼${pageContext.request.contextPath}/css/Bootstrap.css將給我/mywebapp/css/Boostrap.css

我希望這會有所幫助。

編輯:你的HTML文件是否以XML標籤開頭是正常的?

-2

請在頭添加,否則它不會工作

相關問題