jquery - MVC4 jquery 脚本

标签 jquery asp.net-mvc-4

我习惯了 MVC2...您只需将脚本链接和源代码添加到 View 中,然后调用 jquery 函数和 viola...您就有了可用的 Jquery 代码。但我无法让 jqGrid tableToGrid 函数正常工作。我猜测是因为我根本没有加载 jquery 库,或者我没有在正确的位置运行脚本。你能看一下我的代码并看看可能有什么问题吗?

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>ShowAllEncounters</title>
 <link href="@Url.Content("~/Content/jquery.jqGrid/ui.jqgrid.css")" rel="Stylesheet" type="text/css"/>
</head>

这将是头... 我以前也将我的脚本链接到那里...但这不起作用...所以我把它放在标签之外...就像这样...

</html>
<script src="@Url.Content("~/Scripts/jquery.jqGrid.min.js")" type="text/javascript"/>
<script type="text/javascript">
$(document).ready(function () {
...});

我错过了什么吗?如何在 MVC4 站点中编写 jquery 脚本?

我什至无法得到一个可怕的警报来出现!!!!!!!!!!!!!!!

@model IEnumerable<FocusedReadMissionsRedux.Models.TemplateModel>
<!DOCTYPE html>

<html>
<head>
<script src="@Url.Content("~/Scripts/jquery.jqGrid.min.js")" type="text/javascript"/>
<link href="@Url.Content("~/Content/jquery.jqGrid/ui.jqgrid.css")" rel="Stylesheet" type="text/css"/>
   <script type="text/javascript">
       $(document).ready(function () {
        alert("what is going on");
       });
   </script>
   <title>ShowAllEncounters</title>
</head>

更新:似乎我在加载 jquery 库时遇到了问题。这肯定会是一个问题。我需要一个可靠的模式来将这些脚本添加到项目中?

最佳答案

在"new"MVC4 模板中,jquery 脚本通过 Bundle 添加到 _layout.cshtml 的“底部”。

将 @Scripts.Render("~/bundles/jquery") 移动到 _layout.cshtml 的 block 内。

我不确定为什么模板将此脚本包含在 html 文件的末尾...

关于jquery - MVC4 jquery 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10723652/

相关文章:

c# - 映射无法正常工作 (ASP.NET)

asp.net-mvc-4 - MVC4 Google字体和缩小

javascript - jQuery 并仅在每 200 次滚动时获取滚动位置

JavaScript 拖放代理

javascript - 拖放到缩放的元素上

asp.net - ASP.NET MVC 中用于读取、创建和更新操作的单独 ViewModel

JavaScript - 构建 JSON 对象

javascript - 如何使用 jQuery 更新表格单元格的值

error-handling - 在 View 中显示错误

c# - ASP.Net MVC 4 w/AttributeRouting 和多个 RoutePrefix 属性