如何避免在布局和视图中两次使用javascript ASP.NET MVC 5
提问于 2015-10-06 03:09:51
这是我的版面
<!DOCTYPE html>
@using System.Web.Optimization;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Metro, a sleek, intuitive, and powerful framework for faster and easier web development for Windows Metro Style.">
<meta name="keywords" content="HTML, CSS, JS, JavaScript, framework, metro, front-end, frontend, web development">
<meta name="author" content="">
<title></title>
@Scripts.Render("~/bundles/jquery")
@Styles.Render("~/bundles/metro-ui")
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
@Styles.Render("~/bundles/metro-ui/css")
@Styles.Render("~/bundles/css")诸若此类
这是我的RazorView
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/Scripts/jquery-2.1.4.min.js"></script>
<script src="~/Scripts/metro.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<script src="~/Scripts/jquery-ui-1.10.4.custom.min.js"></script>
<link href="~/Content/metro.css" rel="stylesheet" />
<script src="~/Scripts/select2.min.js"></script>
<link href="~/Content/css/select2.min.css" rel="stylesheet" />
<link href="~/Content/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<br /><br />
@using (Html.BeginForm("Search", "Home", FormMethod.Get))
{
}
and so on...我的Razor视图继承到布局，如何在Razor视图中使用这些脚本，我不需要在Razor视图中再次使用这些脚本，请给我一些解决方案.？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-10-07 11:05:25
从视图中删除所有标头引用，除非它们只针对该视图。
MVC中的视图如果包括布局，就不是完整的页面。布局就是页面。布局中有一个@RenderBody，在呈现时被您的视图信息替换。所有常见的javascript引用都应该使用bundle添加到布局中。请参阅布局中的Scripts.Render(“~/bundle/jquery”)引用。
即使您有特定于单个页面的javascript，也应该使用脚本呈现部分来添加它。然后是在页面加载时添加，而不是视图呈现。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32968455
复制
腾讯云开发者
