jQuery追加:动态翻转图像

时间:2013-06-20 13:24:59

标签: jquery html image razor rollover

我正在开发一个asp.net MVC 4应用程序。我有一个详细信息图标,将放置在每个动态创建的记录的开头。我要使这个图像成为翻转图像。如果我的想法是正确的,我必须使用html来执行此操作,因为如果我使用jquery或css,我将遇到选择问题因为我无法附加id。这是我对此问题的代码段:

    $('#@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>');

我遇到的问题是onmouseover和onmouseout属性中的引号。当我使用火虫时,我看到onmouseover="this.src="我尝试了很多不同的方法。这甚至可能吗?谢谢。

1 个答案:

答案 0 :(得分:1)

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

src是@Url.Content(

错误从这里开始。您必须使用反斜杠正确地转义代码。

相关问题