添加jQuery的code到ASP.NET样板 [英] Adding jQuery code to ASP.NET Boilerplate
问题描述
我在使用ASP.NET的样板项目。我想通过使用jQuery来添加更多的功能。
我试着写一个简单的code，如（下图）的页面（如Home.cshtml）结束时，它看起来像根本没有任何效果！然后，我尝试把这个code在Home.js文件，没有任何反应都没有。我也尝试创建一个新的.js与低于code文件，并将其链接到项目，体色没有变红！
请帮忙如何写jQuery的ASP.NET的样板。
$（文件）。就绪（函数（）{
$（身体）的CSS（背景，红）。
}）;
下面是过程正确执行;检查 @RenderSection 和 @section 在下面的文件
_Layout.cshtml
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆所述;！ - .removed.for.brevity。 - ＆GT;
@ Styles.Render（〜/内容/ CSS）
@ Scripts.Render（〜/包/ Modernizr的）＆LT; /头＆GT;
＆LT;身体GT;
＆所述;！ - .removed.nav.bar.for.brevity。 - ＆GT; ＆LT; DIV CLASS =箱体内容＆GT;
@RenderBody（）
＆LT;小时/＆GT;
＆所述;！ - .removed.footer.for.brevity。 - ＆GT;
＆LT; / DIV＆GT; @ Scripts.Render（〜/包/ jQuery的）
@ Scripts.Render（〜/包/引导） ＆LT;！ - 。下面的脚本节将呈现来自视图CSHTML。 - ＆GT;
@RenderSection（脚本，必需：false）
＆LT; /身体GT;
＆LT; / HTML＆GT;
view.cshtml
＆LT;！ - 所有你查看HTML - ＆GT;
@section脚本{ ＆LT;脚本＆GT;
$（函数（）{
$（身体）的CSS（背景，红）。
}）;
＆LT; / SCRIPT＆GT;}
I have a project using ASP.NET Boilerplate. I want to add more functionality by using jQuery.
I try to write a simple code such as (below) to the end of a page (such as Home.cshtml), it looks like no effect at all! Then I try to put this code in Home.js file, nothing happens at all. I also try to create a new .js file with the below code and link it into the project, the body color didn't turn to red!
Please help how to write jQuery on ASP.NET Boilerplate.
$(document).ready(function () {
$('body').css('background', 'red');
});
Here is the process to proper execution; check @RenderSection and @section in below files
_Layout.cshtml
<!DOCTYPE html>
<html>
<head>
<!-- .removed.for.brevity. -->
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
<!-- .removed.nav.bar.for.brevity. -->
<div class="container body-content">
@RenderBody()
<hr />
<!-- .removed.footer.for.brevity. -->
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
<!-- .below script section will render from view cshtml. -->
@RenderSection("scripts", required: false)
</body>
</html>
view.cshtml
<!-- All your view html -->
@section Scripts {
<script>
$(function () {
$('body').css('background', 'red');
});
</script>
}
这篇关于添加jQuery的code到ASP.NET样板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
