My Dropdown в моем jsp-файле не работает независимо от того, что я пытаюсь:/

-1

Мне жаль беспокоить вас глупой проблемой, но в последнее время я изучаю jee и начал использовать bootstrap, как мне сказали это хороший инструмент, так или иначе я делаю простую страницу jsp с формой, но я заметил, когда я пытаюсь использовать раскрывающийся список, это не работает!My Dropdown в моем 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>

Я думаю, что моя проблема в том, что я не хватает включение какой-то файл или Somthing, но я не могу сказать, что это, вы можете увидеть, я имею попробовал, в том числе случайные, чтобы проверить, но ничего: «(у меня такое чувство, что это действительно глупо, но я бы очень признателен, если кто-то может мне помочь!

Заранее спасибо ребятам

источник

2016-07-27 DrayneZ

Может быть, вы могли бы попробовать это (смотри также here):

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

источник

2016-07-27 10:28:17 baris1892

Здравствуйте, Спасибо за быстрый ответ, я просто попытался это, и это, кажется, не работает, когда я осматривал элемент в консоли у меня была эта ошибка: Неподготовлено ReferenceError: $ не определено Идеи? – DrayneZ

исправил проблему с добавлением «" , но главная проблема по-прежнему находится здесь: выпадающее меню не работает – DrayneZ

Попробуйте поместить все скрипты (bootstrap.min.js и т. д.)) В ваш файл '' тег – baris1892

Вы можете использовать «выбрать вместо уль» тега без «выпадающего меню». и "option вместо li".

источник

2016-07-27 12:12:06

спасибо за ответ приятеля, но я все еще сталкиваюсь с той же проблемой, что не работает:/любые другие идеи? – DrayneZ

Вам не хватает информации о ваших файлах.

Я пробовал свое раскрывающееся меню, оно работает как оно. Я думаю, что ваши пути не правы, потому что вы сказали, что:

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

Надеюсь, это поможет.

EDIT: Нормально ли, что ваш HTML-файл начинается с XML-тега?

источник

2016-08-01 09:36:09

-2

Пожалуйста, добавьте в голове, иначе она не будет работать

источник

2017-09-13 14:46:36

My Dropdown в моем jsp-файле не работает независимо от того, что я пытаюсь:/

ответ

Смежные вопросы