2016-07-27 10 views
-1

愚かな問題をお手伝いして申し訳ありませんが、私は最近jeeを学んでいて、とにかく私はフォームを使って簡単な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

"" を追加する問題を修正しましたが、主な問題はまだここにあります。動作していません – DrayneZ

+0

すべてのスクリプト(bootstrap.min.jsなど)を入れてみてください)にあなたの 'それが音として'タグ私はheadタグにを配置しようと私は空白を取得し、Webブラウザに行く – baris1892

0

あなたが "ドロップダウン・メニューの" なし "を選択の代わりに、UL" タグを使用することができます。と "liの代わりに"オプション。

+0

回答バディーに感謝しますが、私はまだ同じ問題に直面しています。 – DrayneZ

0

ファイルが含まれていません。

私はあなたのドロップダウンを試みました、それはそれとして動作します。

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

しかし、jQueryはブートストラップで必要とされ、最後にすでに提供されていますので、あなたのパスは正しくないと思います!あなたは少なくともこの部分を逃しました。

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

さらに、ファイル

.minファイルが縮小されjquery.jsとjquery.min.jsとJS/jquery.jsを必要としません。彼らはまったく同じ仕事をしています。そして、3〜4回のファイルを含めると無駄です。

ファイルの絶対パスを取得するには、${pageContext.request.contextPath}というタグを使用することをお勧めします。たとえば、私のアプリケーションが私のサーバー上でmywebappと呼ばれている場合、

私はそれが役に立ちそうです。

EDIT:HTMLファイルがXMLタグで始まるのは正常ですか?

-2

それ以外の場合は

関連する問題