jQuery mouseover不能在MVC3中工作

今天早些時候，我問了一個問題，並得到了很好的回答here。但是，當我將代碼添加到我的MVC3項目時，jQuery mouseover事件永遠不會被解僱。上一個問題中的jsFiddle（here）可以正常工作，但不會在將代碼添加到腳本文件中時出現。jQuery mouseover不能在MVC3中工作

因此我決定用一個更簡單的測試來修改我的_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事件，但沒有任何變化。

任何人都可以幫助我嗎？我確信我在這裏錯過了一些簡單的東西，但我無法弄清楚它！

非常感謝。

來源

2012-09-19 XN16

變化<div id="#testtest"到<div id="testtest" #僅僅是一個jQuery的通過ID

來源

2012-09-19 21:22:16

我不相信我錯過了搜索鍵！諷刺的是，在我之前提到的問題的腳本中，這一點沒什麼問題，我只是忘了將它放在jsFiddle顯然不需要的'$（document）.ready'塊中。總之...我有一個愚蠢的時刻！ – XN16

你的DIV有「#testtest」應該是ID「TESTTEST」

來源

2012-09-19 21:22:29 jtheman

jQuery mouseover不能在MVC3中工作

回答

相關問題