Comment échapper à la barre oblique inverse lors de l'ajout de balises html à l'aide de la fonction Jquery appentTo ?

Question

En cliquant sur un bouton, j'ajoute dynamiquement la Div suivante à ma page web.

Le problème est que la source de l'image ne peut être trouvée en raison d'un chemin d'accès incorrect causé par la barre oblique inverse juste avant " \Content ". La barre oblique inverse est déjà réservée pour échapper aux guillemets.

Comment puis-je contourner ce problème ?

$("<div class=\"input-append\"><label style=\"background-color:#e0ffff\">" + artistVal + "</label><img onclick=\"RemoveArtist()\" id=\"removeartist\" src=\"\Content\bootstrap\img\cross-button.png\" /></div>").appendTo(addDiv);

J'obtiens une erreur 400 en tirant l'image ajoutée à la div.

Request URL:http://myhost:53159/Content%08ootstrapimgcross-button.png

Answer 1

Vous pouvez utiliser des doubles barres obliques inverses ( \\ ) dans les chemins d'accès aux fichiers, ou utiliser des barres obliques ( / ). L'utilisation d'une barre oblique est plus fiable, car les barres obliques inverses ne fonctionnent pas correctement sur tous les serveurs web.

Answer 2

Utilisez une barre oblique au lieu d'une barre oblique inverse pour votre élément src. Vous éviterez ainsi le problème de l'échappement à l'intérieur des URL.