asp.net-mvc – 将脚本放在MVC _layout页面中的位置

发布时间：2020-12-16 03:33:51 所属栏目：asp.Net 来源：网络整理

导读：您好我从本网站的阅读建议中了解到,脚本应该放在_layout页面的底部.我的问题是我不确定’底部’究竟在哪里.有些人说它就在标签之前,但这对我不起作用.我试过把脚本放在很多地方,但似乎无处可去.有人可以告诉我我做错了什么. 这是我的关于页面 @{ ViewBag.Tit

您好我从本网站的阅读建议中了解到,脚本应该放在_layout页面的底部.我的问题是我不确定’底部’究竟在哪里.有些人说它就在标签之前,但这对我不起作用.我试过把脚本放在很多地方,但似乎无处可去.有人可以告诉我我做错了什么.

这是我的关于页面

@{
    ViewBag.Title = "About Us";
}

<h2>About</h2>
<p>
     Put content here.
</p>

<script type="text/javascript">
  $(function () {
    alert("Hello World");
  });
</script>

这是我的_Layout页面

<!DOCTYPE html>
<html>
<head>
  <title>@ViewBag.Title</title>
  <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
  @* jQuery works if this line is here but not if it is at the bottom
   <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
  *@
</head>
<body>
  <div class="page">
    <div id="header">
      <div id="title">
        <h1>
          My MVC Application</h1>
      </div>
      <div id="logindisplay">
        @Html.Partial("_LogOnPartial")
      </div>
      <div id="menucontainer">
        <ul id="menu">
          <li>@Html.ActionLink("Home","Index","Home")</li>
          <li>@Html.ActionLink("About","About","Home")</li>
        </ul>
      </div>
    </div>
    <div id="main">
      @RenderBody()
    </div>
    <div id="footer">
    </div>
  </div>
  @* jQery does not work if the script is here! *@
  <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
</body>
</html>

解决方法

在首次引用jquery之前必须包含Jquery文件才能在文档中找到.所以,为了解决这个问题,我把jquery文件放在head部分,并且在关闭body标签之前包含了在视图中没有使用但在其他脚本文件中的所有其他脚本

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!