我实际上正在使用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文件的完整路径,因为我真的很沮丧。我正在使用两台计算机,其中一台可以访问Internet,另一台可以在其上编程但不能访问Internet,因此无法使用Web URL。
编辑:
当前项目结构(文件夹“页面”中的当前jsp:
问题是您正在从本地磁盘加载文件。直接从Web应用程序资源中加载它们。通常,您使用${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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句