今天早些时候我问了一个问题,并在这里得到了很好的答案。但是,当我将代码添加到我的 MVC3 项目时,jQuerymouseover
事件永远不会被触发。上一个问题(此处)中的 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
andmouseleave
事件,但没有改变。
有谁可以帮我离开这里吗?我确定我在这里遗漏了一些简单的东西,但我无法弄清楚!
非常感谢。