[英]jQuery doesn't work with ASP.NET MVC
我正在學習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";
但這也不起作用。
這里有什么問題應該很簡單？？？
采用
$(document).ready(function () {
alert("Test alert");
$("div #picture").css("background-color", "red");
});
在您的代碼中，使用： #picture div ，腳本嘗試將顏色設置為div ，該顏色在id = picture的元素中為NESTED。 您應該使用$("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");
});
我用了
<div id="picture">
TEST
</div>
和
$(document).ready(function () {
alert("Test alert");
$("#picture").css("background-color", "red");
});
在div中沒有任何內容不會顯示。 這也可能是Site.css中的一些東西
在asp.net mvc中提交Ajax.BeginForm后，jQuery代碼無法正常工作
[英]jQuery code doesn’t work properly after submitting Ajax.BeginForm in asp.net mvc
在bundleconfig中添加bootstrap在asp.net mvc中不起作用
[英]Adding bootstrap in bundleconfig doesn't work in asp.net mvc
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.