為什麼部署後外部 JavaScript 檔案中的相對映像路徑被破壞？-css教學-PHP中文網

為什麼部署後外部 JavaScript 檔案中的相對映像路徑被破壞？

Linda Hamilton

發布： 2024-11-26 13:08:14

原創

548 人瀏覽過

Why Are My Relative Image Paths Broken in External JavaScript Files After Deployment?

外部檔案中 Javascript 的相對路徑

在給定的問題中，使用者在部署到虛擬目錄時遇到外部 JavaScript 檔案中的映像路徑問題。雖然這些路徑在本機開發環境中運作正常，但在使用「../」或「/Images/filters_collapse.jpg」等絕對路徑部署時會失敗。

這裡的關鍵理解是外部 . js 檔案相對於它們所包含的頁面。因此，使用者應該使用相對於引用 JavaScript 檔案的頁面的路徑，而不是 .js 檔案的實際位置。

作為解決方案，使用者可以建立一個指定影像的JavaScript 變數路徑，如：

var imagePath = '../Images/';

登入後複製

透過使用此變量，使用者可以確保無論外部JavaScript 檔案的位置如何，都可以正確解析影像路徑。例如，下面的程式碼將使用變數來設定元素的背景圖像：

$("#toggle").click(function() {
    if (left.width() > 0) {
        AnimateNav(left, right, 0);
        $(this).css("background", "url(" + imagePath + "filters_expand.jpg")");
    }
    else {
        AnimateNav(left, right, 170);
        $(this).css("background", "url(" + imagePath + "filters_collapse.jpg")");
    }
});

登入後複製

以上是為什麼部署後外部 JavaScript 檔案中的相對映像路徑被破壞？的詳細內容。更多資訊請關注PHP中文網其他相關文章！