带参数的Javascript函数不能在MVC中工作

Javascript function with parameter doesn't work in MVC

本文关键字：MVC 工作 不能 函数 参数 Javascript      更新时间：2023-09-26

下面你可以看到我的代码View;

我只是想用onmouseover事件改变div的颜色。我得到的类别数据从北风数据库与Viewbag。我可以在屏幕上获得类别名称，但当我鼠标悬停时，div颜色不会改变。"i"参数或代码是否有问题?谢谢你的帮助。

<script>
function colorchange(i) 
{
    var a = document.getElementById(i);
    a.style.backgroundColor = 'lightblue';
}

</script>
<div id="div1">
<label>Category Name&nbsp;;&nbsp;</label><br />
@for (int i = 0; i < ViewBag.CategoryCount; i++)
{
    <div id="@i" onmouseover="colorchange(@i)"
    style="vertical-align:middle;height: 30px; width: 100px;border-style:ridge">
        <span>@ViewBag.Categories[@i].CategoryName.ToString()</span><br />
    </div>
}

我已经用以下代码解决了jquery中的问题。谢谢你的帮助

 $(document).ready(function () {
    $("div").hover(function () {
        $(this).css("background-color", "yellow");
    },
    function () {
        if ((this).onclick)
        {
            $(this).css("background-color", "lightblue");
        }
        else
        {
            $(this).css("background-color", "white");
        }
    });
});
$(document).ready(function () {
    $("div").click(function () {
        $("div").fadeTo("quick",0.15);
        $(this).fadeTo("slow", 0.99);
        $(this).css("background-color", "yellow");
        });
    });
相关文章：