jQuery ajouter: Image de survol dynamique

Question

Je travaille sur une application asp.net MVC 4. J'ai une icône de détails qui sera placée au début de chaque enregistrement créé dynamiquement. Je dois faire de cette image une image survolée. Si ma pensée est correcte, je dois utiliser html pour le faire parce que si j'utilise jquery ou css, je vais rencontrer des problèmes de sélection parce que je ne peux pas joindre un identifiant. Ceci est mon segment de code pour cette question:

$('#@tableName > tbody:last').append('<tr> 
    <td> 
     <a href="#" style="text-decoration:none; float:left;" 
     onclick="LoadLaunchDetails(' + launchID + ', @automated)"> 
     <img src ="@Url.Content("~/Content/images/buttons/icon-details-ns.png")" 
     onmouseover="this.src="@Url.Content("~/Content/images/buttons/icon-details-s.png")"" 
     onmouseout="this.src="@Url.Content("~/Content/images/buttons/icon-details-s.png")""/> 
     </a> Launch #' + return_str + '</td><td style = "text-align:right">'+ dateStr + 
    '</td> 
    </tr>'); 

Le problème que je rencontre est avec les guillemets dans le onmouseover et onmouseout attributs. Quand j'utilise un bug de feu, je vois onmouseover="this.src=" J'ai essayé de nombreuses façons différentes. Est-ce seulement possible? Je vous remercie.

Answer 1

src ="@Url.Content("~/Content/images/buttons/icon-details-ns.png")" 

src est @Url.Content(

erreurs commencent ici. Vous devez échapper votre code correctement en utilisant des antislashs.