デプロイ後に外部 JavaScript ファイルで相対イメージ パスが壊れるのはなぜですか?

外部ファイル内の JavaScript の相対パス

指定された質問では、ユーザーは仮想ディレクトリにデプロイされたときに外部 JavaScript ファイル内の画像パスの問題が発生しています。 。これらのパスはローカル開発環境では正常に機能しますが、「../」または「/Images/filters_collapse.jpg」などの絶対パスを使用してデプロイすると失敗します。

ここで重要なのは、パスが外部にあるということです。 js ファイルは それが含まれるページに関連しています。したがって、ユーザーは、.js ファイルの実際の場所ではなく、JavaScript ファイルが参照されているページに対する相対パスを使用する必要があります。

解決策として、ユーザーは画像を指定する 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 中国語 Web サイトの他の関連記事を参照してください。