2

我正在尝试在我的项目中使用onmouseover和onmouseout事件。
该事件有效，但我有一个问题，我无法理解它为什么会发生。
我有几个<li>元素，我可以在更改图像时更改图像mousehover并onmouseout更改为原始图像。
但是对于第一个<li>元素，在onmouseout事件上，它不会被触发，只是在onmousehover事件上。
我已经用一个警告框对其进行了测试，除了第一个没有之外，它适用于所有人。
知道发生了什么吗？
提前致谢。
这是我的代码。

@{x=0;}

<ul>
         @foreach (var p in ViewBag.In)
          {                                 
              <li>             
                  <form action="" method="post">
                      <button type="submit" name="submit"
                          onmouseover="document.getElementById('@("icon" + x.ToString())').src = '@p.IconHover';"
                          onmouseout="document.getElementById('@("icon" + x.ToString())').src = '@p.Icon';">

                         <img src="@p.Icon" id="@("icon" + x.ToString())"/>

                      </button>

                 </form>
              </li>
              x = x + 1;
          } 
    </ul>

我想我知道问题出在哪里：

document.getElementById('icon0').src=' /Content/Images_BD/Icons/Interaction/appbar.logo.png';

只有行在 src 中有一个空格。

其他 li 元素在源路径中没有空间.. 我该如何解决？

4

0 回答 0