jQuery不适用于 ASP.NET MVC

本文关键字：NET MVC ASP 适用于 不适用 jQuery | 更新日期: 2023-09-27 18:07:04

我正在学习MVC，我正在尝试使用jQuery。这是我的代码：

_Layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript">    
    </script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")"  type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>   
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script> 
</head>
<body>
    @RenderBody()
</body>
</html>

Index.cshtml

@{
    ViewBag.Title = "Index";
}
<script src="@Url.Content("~/Scripts/JScript1.js")" type="text/javascript"></script>
<h2 id="ind">Index</h2>
<div id="picture">
</div>

和 JScript1.js

$(document).ready(function () {
    alert("Test alert");
    $("#picture div").css("background-color", "red");
});

警报显示正常，但颜色不会改变。jQuery的任何东西都不起作用。我也尝试过：

document.body.style.backgroundColor = "red";

但这也行不通。

这里的问题是什么，它应该非常简单???

jQuery不适用于 ASP.NET MVC

我用过

<div id="picture">
  TEST
</div>

和

$(document).ready(function () {
  alert("Test alert");
  $("#picture").css("background-color", "red");
});

div 中没有某些内容，它不会显示。 这里也可能是网站中的东西.css 这让这个乱七八糟

使用

$(document).ready(function () {
    alert("Test alert");
    $("div #picture").css("background-color", "red");
});

在您的代码中，您使用： #picture div ，脚本尝试将颜色设置为 div 嵌套在 id = picture 的元素中。你应该使用$("div #picture")，甚至更短(因为每个id必须是唯一的(：$("#picture")。

将代码更改为 

$(document).ready(function () {
    alert("Test alert");
    $("div#picture").css("background-color", "red");
});

或者最好使用

$(document).ready(function () {
        alert("Test alert");
        $("#picture").css("background-color", "red");
    });
相关文章：