带参数的Javascript函数在MVC中不起作用

时间:2014-03-19 11:40:58

标签: javascript function onmouseover

您可以在下面的

中查看我的代码;

我只想用onmouseover事件更改div的颜色。我使用Viewbag从northwind数据库获取类别数据。我可以在屏幕上获取类别名称但是当我鼠标悬停时,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>
}

1 个答案:

答案 0 :(得分:0)

我用以下代码在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");
        });
    });