Question

循环浏览多个项目并为每个项目设置如下图像标记。每个人都有一个onmouseover和onmouseout活动。 db存储由分号分隔的mouseover和mouseout图像目录。这部分运作正常。

<img onmouseover="hover(this, @id);" onmouseout="unhover(this, @id);" src="@(tblIconTable.getSpecificIconFromId(id).icon.Split(';')[0])" />

问题是当我进入我的javascript事件时

function hover(element, Id) {
    element.setAttribute('src', '@(tblIconTable.getSpecificIconFromId(Id).icon.Split(';')[1])');
}
function unhover(element, Id) {
    element.setAttribute('src', '@(tblIconTable.getSpecificIconFromId(Id).icon.Split(';')[0])');
}

＆＃39; Id＆＃39;我在javascript中使用更多的剃须刀在这里是不被认可的。对此有一个聪明的工作吗？

Answer 1

解决此问题的一种方法是将两个URL作为数据属性分配给每个img标记，然后在hover / unhover函数中读取这些属性：

.mycustomlogin {display: flex;
justify-content: space-between;}

在Javascript中使用更多Razor的Razor变量

1 个答案: