Question

今天早些时候我问了一个问题并得到了一个很好的答案here。但是，当我将代码添加到我的MVC3项目时，jQuery mouseover事件永远不会被触发。上一个问题（here）中的jsFiddle工作正常，但是当我将代码添加到我的脚本文件中时却没有。

因此，我决定使用更简单的测试修改我的_Layout文件，但也无法使用mouseover事件。以下是我的简单测试：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <script src="@Url.Content("~/Scripts/jquery-1.8.1.js")" type="text/javascript"></script>    
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.23.js")" type="text/javascript"></script>   
    <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>   
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>

    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" />

    <script>
        $(document).ready(function () {   
            $("#testtest").mouseover(function () {
                $("#testtest").text("OVER");
            }).mouseout(function () {
                $("#testtest").text("OUT");
            });
        });
    </script>
</head>
<body>
    <div class="page">
        <header>
            //SNIP
        </header>
        <section id="main">
            <div>

            </div>
            @RenderBody()
        </section>
        <footer>
            //SNIP
        </footer>
    </div>
    <div style="clear: both; height: 50px"></div>
    <div id="#testtest" style="background-color: Red; height: 100px; width: 400px; display: block">
        NOTHING
    </div>  
</body>
</html>

我还尝试了mouseenter和mouseleave事件，但没有任何变化。

任何人都可以帮助我吗？我确定我在这里遗漏了一些简单的东西，但我无法理解它！

非常感谢。

Answer 1

您的DIV ID为“#testtest”应为“testtest”

jQuery mouseover无法在MVC3中运行

1 个答案: