CSS样式和Jquery不适用于jsp：include文件[关闭]答案

【问题标题】：CSS styles and Jquery do not get applied to jsp:include file [closed]CSS样式和Jquery不适用于jsp：include文件[关闭]
【发布时间】：2013-05-05 15:52:05
【问题描述】：

我正在使用 eclipse 和 Tomcat 7。

我有一个 index.jsp 页面。在 index.jsp 文件中，我使用 jsp:include 标记包含 login.jsp 文件。当我第一次运行应用程序时，页面会按预期呈现。

但是，当我单击页面中指向同一 index.jsp 页面的链接时，页面的呈现会中断。基本上 CSS 和 jquery 似乎已经消失了。为什么会发生这种情况，我能做些什么来解决这个问题？

index.jsp

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/slide.js" type="text/javascript"></script>
</head>
<body>
    <jsp:include page="../pages/login.jsp"></jsp:include>
    <br><br><br>
    <div>
        <a href="pages/index.jsp">Login</a>
    </div>  
</body>
</html>

最初，当应用程序启动时，得到如下渲染：

点击“登录”链接后。

我的文件结构：

【问题讨论】：

您正在导航到位于不同文件夹中的页面，导致您的相关链接不再指向正确的文件。您的文件路径错误。
@KevinB 链接在 index.jsp 中，并且链接重定向回 index.jsp，我附上了我的文件夹结构的图像。谢谢
在你的第一个图片中足以证明我的观点。请注意第一个如何转到 /MyFirstProject/ 而第二个转到 /MyFirstProject/pages/index.jsp 这意味着在第一个上它正在查看 /MyFirstProject/css/style.css 而第二个正在查看 /MyFirstProject/pages/css/style.css 这显然不存在，由文件确认 -您刚刚发布的结构。

标签： jquery css jsp web-applications include

【解决方案1】：

当您访问索引页面时，您的 css 样式是这样访问的：

/MyFirstProject/css/style.css

单击链接后，您将导航到

/MyFirstProject/pages/index.jsp

然后尝试包含以下 css 文件：

/MyFirstProject/pages/css/style.css

这显然不存在。将您的脚本和 css 包含修改为绝对的，以便导航到不同的文件夹不需要您更改文件路径。

<link rel="stylesheet" href="/MyFirstProject/css/style.css" type="text/css" media="screen" />

【讨论】：

谢谢。我试试看。