JSP 頁面跳轉後 CSS 樣式失效需刷新才生效的解決

現象

從首頁透過 `` 跳轉至訂單查詢頁，背景輪播圖片、CSS 樣式不生效，必須手動刷新（F5）才正常。

1. 相對路徑錯誤：`` 相對於當前 URL。若跳轉前在根目錄，跳轉後在子目錄，相對路徑指向錯誤位置。
   • 解決：使用絕對路徑 `` 或 ``。
2. 瀏覽器緩存/預渲染：跳轉時瀏覽器可能使用舊緩存或預渲染機制，導致樣式表未重新請求。
   • 解決：在 `` 加入 ``，或在 CSS URL 附加版本參數 ``。
3. jQuery Mobile / 框架路由機制：若使用 jQuery Mobile，`` 跳轉預設為 AJAX 載入頁面片段，不執行完整頁面載入，`` 中的 CSS/JS 不會重新執行。
   • 解決：加上 `data-ajax="false"` 強制完整跳轉：`訂單查詢`。
4. Session/過濾器攔截導致資源請求被重導向：檢查網路面板，CSS/JS 請求是否返回 302/登入頁 HTML。

原提問者自述解決

最終自行解決，未公開具體原因。建議按上述清單逐項排查，重點檢查 相對路徑 與 jQuery Mobile data-ajax 兩項。