Не могу найти способ использовать jQuery в моем JSP, помогите мне, пожалуйста

0

Я на самом деле работаю на веб-сайте с использованием JSP и Servlet.

Я не профессионал, поэтому стараюсь изо всех сил, и я хотел бы реализовать календарь, который будет отображаться на одной из моих веб-страниц.

Я проверил сеть и нашел это: http://arshaw.com/fullcalendar/

Это казалось многообещающим, так что, хотя я нооб в JS, я загрузил пакет и попытался его использовать.

Но это не сработало.

Я пробовал много вещей, и я умру, если не смогу найти решение.

Проблема возникает из jQuery, которая не работает. Вообще.

Вот мой код:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Planning</title>
        <link rel="stylesheet" type="text/css" href="./styleERDF.css" media="screen">
        <link rel="stylesheet" type="text/css" href="./styleImpression.css" media="print">
        <link rel="stylesheet" type="text/css" href="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\fullcalendar\fullcalendar.css" media="all">
        <link rel="stylesheet" type="text/css" href="./styleMenu.css" media="screen">
        <script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\lib\jquery.min.js"></script>
        <script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\fullcalendar\fullcalendar.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                alert("PLEASE WORK");                
            });
        </script>
    </head>
    <body>
        <div id="general">

            <div id="entete" >
                <h1><img src="Images\ERDF.png" width="Auto" height="Auto" alt="ERDF"></h1>
            </div>
            <div class="noImpr" id="menu">
                <%@ include file="../menu.html"%>                
            </div>
        </div>
    </body>
</html>

Дело в том, что ничего не работает. Я имею в виду, что HTML делает. Веб-страница загружает и показывает первое изображение и menu.html, но скрипт ничего не делает. Разве это не должно показывать мне сообщение?

Вы можете видеть, что я использовал полный путь для файла jQuery, потому что я действительно был в отчаянии. Я работаю на двух компьютерах, у кого есть доступ к Интернету, а другой, на котором я программирую, у кого нет доступа к Интернету, поэтому я не могу использовать URL-адрес сети.

РЕДАКТИРОВАТЬ:

Текущая структура проекта (текущий jsp в папке "pages":

http://i.stack.imgur.com/9bVBb.png

  • 0
    Вы пытаетесь загрузить сценарии с локального диска? Почему вы не используете относительный путь, чтобы он мог работать, когда вы помещаете его на сервер? Еще лучше, вы должны установить веб-сервер на вашем компьютере и никогда не иметь абсолютных путей к вашему локальному диску.
  • 0
    src="C:\User... не будет работать. Ссылка на сценарии js аналогична ссылке на файлы css.
Показать ещё 3 комментария
Теги:
jsp

5 ответов

0
Лучший ответ

Проблема в том, что вы загружаете файлы с локального диска. Загружайте их непосредственно из ресурсов веб-приложений. Обычно вы делаете это с помощью ${request.contextPath} который уже содержит http://yourIp/yourApplicationName:

<script type="text/javascript" src="${request.contextPath}/calendar/lib/jquery.min.js"></script>

Переписывая все ваши источники в этот стиль:

<link rel="stylesheet" type="text/css" href="${request.contextPath}/styleERDF.css" media="screen">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/styleImpression.css" media="print">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/calendar/fullcalendar/fullcalendar.css" media="all">
<link rel="stylesheet" type="text/css" href="${request.contextPath}/styleMenu.css" media="screen">
<script type="text/javascript" src="${request.contextPath}/calendar/lib/jquery.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/calendar/fullcalendar/fullcalendar.min.js"></script>

<!-- ... -->

<img src="${request.contextPath}/Images/ERDF.png" width="Auto" height="Auto" alt="ERDF">

Обратите внимание, что пример выше будет работать только на страницах JSP. Если вы работаете с HTML-страницей, вам необходимо вызвать ресурсы статически из текущего пути:

<link rel="stylesheet" type="text/css" href="./styleERDF.css" media="screen">
<script type="text/javascript" src="./calendar/lib/jquery.min.js"></script>
  • 0
    Без изменений видно: /
  • 1
    @ user3612799 опубликовать структуру вашего текущего проекта.
Показать ещё 9 комментариев
0

Использовать CDN

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
0

Измените это:

<script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\lib\jquery.min.js"></script>
<script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\fullcalendar\fullcalendar.min.js"></script>

К этому

<script type="text/javascript" src="../calendar/lib/jquery.min.js"></script>
<script type="text/javascript" src="../calendar/fullcalendar/fullcalendar.min.js"></script>

Я предполагаю, что каталог "SiteWebERDF" на вашем компьютере - это тот, в котором есть JSP. Более подробную информацию можно найти здесь по относительным путям: http://www.w3.org/TR/WD-html40-970917/htmlweb.html#h-5.1.2

  • 0
    Это не будет работать, если страница не находится на том же уровне ресурсов.
0

Прежде чем вставить HTML-код в JSP, заставьте его работать как обычный HTML файл. Я думаю, что одиночные обратные косые черты неверны, попробуйте использовать одиночные косые черты. Кроме того, как заметил кто-то другой, вам удастся использовать относительный путь. Вы можете обслуживать HTML с сервера Java Web App, просто поместите его в папку "WebContent" или все, что вы назвали его в своем проекте.

-1

+1 для Джейсона П. Но если вы ДОЛЖНЫ загружать полные пути к файлу...

Вместо:

<script type="text/javascript" src="C:\Users\Maxime\Documents\NetBeansProjects\SiteWebERDF\web\calendar\lib\jquery.min.js
</script>

Используйте это (предположим, что вы находитесь в Windows:

<script type="text/javascript" src="file:///C:/Users/Maxime/Documents/NetBeansProjects/SiteWebERDF/web/calendar/lib/jquery.min.js">
</script>
  • 0
    Изменение обратной косой черты на удвоение прямой косой черты - это решение проблемы дважды, что в итоге не сработает?
  • 0
    Я изменил свой путь, как ты, но я не получил никакой разницы: /
Показать ещё 2 комментария
Сообщество Overcoder
Наверх
Меню