2016-07-27 70 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

请在头添加,否则它不会工作

相关问题