Pourquoi mes chemins d'images relatifs sont-ils interrompus dans les fichiers JavaScript externes après le déploiement ?

Chemins relatifs en Javascript dans un fichier externe

Dans la question donnée, l'utilisateur rencontre des problèmes avec le chemin d'accès des images dans un fichier JavaScript externe lorsqu'il est déployé dans un répertoire virtuel . Bien que les chemins fonctionnent correctement dans un environnement de développement local, ils échouent lorsqu'ils sont déployés à l'aide de '../' ou de chemins absolus comme '/Images/filters_collapse.jpg'.

La compréhension clé ici est que les chemins sont dans des fichiers . js sont relatifs à la page dans laquelle ils sont inclus. Par conséquent, l'utilisateur doit utiliser des chemins relatifs à la page où le fichier JavaScript est référencé, au lieu de l'emplacement réel du fichier .js.

En guise de solution, l'utilisateur peut créer une variable JavaScript qui spécifie l'image chemin, tel que :

var imagePath = '../Images/';

En utilisant cette variable, l'utilisateur peut s'assurer que les chemins des images sont correctement résolus quel que soit l'emplacement du fichier JavaScript externe. Par exemple, le code ci-dessous utilisera la variable pour définir l'image de fond d'un élément :

$("#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")");
    }
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!