Question

我很抱歉打扰你一个愚蠢的问题，但我最近一直在学习jee并开始使用bootstrap，因为我被告知这是一个很好的工具，无论如何我都是制作一个带有表单的简单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>

我认为我的问题是我错过了包含某种文件或某种东西，但我不知道它是什么，你可以看到我试图包含随机的测试但没有：＆＃39;（我觉得这真的很蠢，但如果有人可以帮助我，我会非常感激！

先谢谢你们

Answer 1

也许你可以试试这个（另见here）：

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

Answer 2

您可以使用＆＃34;选择而不是ul＆＃34;标签没有＆＃34;下拉菜单＆＃34;。和＆＃34;选项而不是li＆＃34;。

Answer 3

您缺少包含文件。

我尝试了你的下拉菜单，它可以正常工作。我认为你的道路不对，因为你这么说：

通过添加“＆lt;＆gt;脚本src =”// ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">“
修复了问题

但是Bootstrap需要jQuery并且最后已经提供了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>

此外，您不需要jquery.js和jquery.min.js AND js / jquery.js

.min文件是缩小文件。他们完成同样的工作。并且包含三到四次文件是没用的。

我建议您使用标记${pageContext.request.contextPath}以获取文件的绝对路径。例如，如果我的应用在我的服务器上被称为mywebapp，那么${pageContext.request.contextPath}/css/Bootstrap.css会给我/mywebapp/css/Boostrap.css

我希望它会有所帮助。

编辑：您的HTML文件以XML标记开头是否正常？

Answer 4

请加入头部，否则无效

无论我尝试什么，我的jsp文件中的下拉都不起作用：/

4 个答案: