今日、私は質問をして、ここで良い答えを得ました。ただし、コードを MVC3 プロジェクトに追加すると、jQuerymouseoverイベントは発生しません。前の質問 ( 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>
mouseenterandmouseleaveイベントも試しましたが、変化はありません。
誰か助けてくれませんか？ここで単純なものが欠けていると確信していますが、それを理解することはできません!
どうもありがとう。