CSS樣式和jquery不適用於jsp：include文件

我正在使用eclipse和Tomcat 7.CSS樣式和jquery不適用於jsp：include文件

我有一個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>

首先，在應用程序啓動時，獲取呈現良好如下：

enter image description here

後，我點擊「登錄」鏈接。 enter image description here

我的文件結構：

enter image description here

來源

2013-05-10 Susie

您正在導航到不同文件夾中的頁面，在您的相對鏈接中退出時不再指向正確的文件。你的文件路徑是錯誤的。 – 2013-05-10 21:36:36

@KevinB鏈接位於index.jsp中，鏈接重定向回index.jsp，我附加了我的文件夾結構的圖像。謝謝 – Susie 2013-05-10 21:40:48

這足以證明我在第一張圖片上的觀點。注意第一個進入'/ MyFirstProject /'而第二個進入'/ MyFirstProject/pages/index.jsp'這意味着第一個目錄正在查看'/ MyFirstProject/css/style.css'，而第二個目錄在'/ MyFirstProject/pages/css/style.css'中顯然不存在，由你剛發佈的文件結構確認。 – 2013-05-10 21:46:21

當您訪問的索引頁，你的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" />

來源

2013-05-10 21:49:32

謝謝。我會嘗試一下。 – Susie 2013-05-10 21:57:50

謝謝。有效。 – Susie 2013-05-10 22:50:36

CSS樣式和jquery不適用於jsp：include文件

回答

相關問題