首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >MVC4 jquery脚本

MVC4 jquery脚本
EN

Stack Overflow用户
提问于 2012-05-23 23:55:09
回答 2查看 10.6K关注 0票数 3

我习惯了MVC2..。在这里,您只需将指向脚本的链接和源代码添加到视图中,并调用jquery函数和viola...您有可用的Jquery代码。但是我无法让我的jqGrid tableToGrid函数工作。我猜是因为我根本没有正确加载jquery库,或者我没有在正确的位置运行脚本。你能看一下我的代码,看看哪里可能出错吗?

代码语言:javascript
复制
<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>

这将是头部..。我之前也在那里链接了我的脚本...但那并不管用。所以我把标签放在外面...像这样..。

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

我是不是遗漏了什么?如何在MVC4站点中编写jquery脚本?

我甚至不能得到一个可怕的警报来出现!

代码语言:javascript
复制
@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库被加载时,我似乎遇到了一个问题。这肯定是个问题。我需要一个可靠的模式将这些脚本添加到项目中?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-10-02 08:55:03

在“新的”MVC4模板中,jquery脚本通过Bundles被添加到_layout.cshtml的“底部”。

在_layout.cshtml块中移动@Scripts.Render("~/bundles/jquery")。

我不知道为什么模板会把这个脚本放在html文件的末尾...

票数 4
EN

Stack Overflow用户

发布于 2013-05-10 22:55:39

除了帕特里斯的回答(只是为了向未来的访问者澄清)。

捆绑包可以在/App_Start/BundleConfig.cs上进行自定义。

正如NoProblemBabe所说,将带有Javascript内容的捆绑包放在html文件的末尾,以确保第一次访问时加载的Javascript文件不会阻塞其余的HTML文件加载,这样可以更快地将页面呈现给客户端。

由于文档启动函数被放在$( jQuery ).ready中(在很好的编码实践中),所以这没什么大不了的。另外,JS文件的浏览器缓存是需要记住的一点。(这可能会在几乎所有的浏览器中启用)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10723652

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档