如何给包含JavaScript到页面页眉MVC4 [英] How to to include JavaScript into the page header MVC4
问题描述
可能重复:结果
<一href=\"http://stackoverflow.com/questions/4311783/asp-net-mvc-3-razor-include-js-file-in-head-tag\">ASP.Net MVC 3剃须刀:在头标记包括JS文件
我不希望把大量的JS入一些布局和我需要做它我的意思是包括一些JS的到他们的头部某些特定的网页。
I don't want to put a lots of JS into some layout and I need to do it for some specific pages I mean to include some of the JS into their header.
我已经试过这样的,但它不工作,因为它应该是。
I've tried like that but it doesn't work as it should be.
@{
Layout = "~/Views/Shared/_LayoutInner.cshtml";
@Scripts.Render("~/Scripts/farbtastic/farbtastic.js")
@Styles.Render("~/Scripts/farbtastic/farbtastic.css")
@Scripts.Render("~/Scripts/jquery.tinycarousel.min.js")
@Scripts.Render("~/Scripts/jquery-ui-1.8.11.min.js")
}
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('#slider1').tinycarousel();
$("#accordion").accordion();
$('#picker').farbtastic('#color');
});
</script>
我已经试过像
@{
Layout = "~/Views/Shared/_LayoutInner.cshtml";
<script type="text/javascript" src="@Url.Content("~/Scripts/farbtastic/farbtastic.js")"></script>
<link href="@Url.Content("~/Scripts/farbtastic/farbtastic.css")" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tinycarousel.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")"></script>
}
和没有成功可言。
我如何归档呢?
推荐答案
我敢肯定,在你的 _LayoutInner.cshtml
你应该所指向的JS文件类似这样
I'm sure in your _LayoutInner.cshtml
you should have refered JS files similarly like this
<head>
<link href="@Url.Content("~/Scripts/farbtastic/farbtastic.css")" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")"></script>
</head>
要实现你的目标,你必须两个命名的部分添加到您的 _LayoutInner.cshtml
页头,象本节 -
To achieve your target you have to add two named sections into your _LayoutInner.cshtml
pages head section like this-
<head>
<link href="@Url.Content("~/Scripts/farbtastic/farbtastic.css")" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")"></script>
@RenderSection("JavaScript", required: false)
@RenderSection("CSS", required: false)
</head>
现在在你的其他页面包含额外的JavaScript或CSS页面使用这些命名段
Now in your other pages to include extra javascript or css pages use these named sections
@section JavaScript
{
<script type="text/javascript"src="@Url.Content("~/Scripts/farbtastic/farbtastic.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tinycarousel.min.js")"></script>
}
@section CSS
{
<link href="@Url.Content("~/Scripts/farbtastic/farbtastic.css")" rel="stylesheet" type="text/css" />
}
有高达你是否包含不同命名的章节JavaScript和CSS。
It is upto you whether to include different named sections for javascript and css.
希望它帮助!
这篇关于如何给包含JavaScript到页面页眉MVC4的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!