jquery - 如何在 VS.NET 2012 中的 ASP.NET Web 表单中使用 jQuery 文件?

标签 jquery asp.net visual-studio-2012 webforms bundling-and-minification

好吧,我已经使用 jQuery 好几年了,并且知道如何使用它编写代码。多年来,我会从 jQuery 下载当前的缩小脚本,并在我的母版页等中进行引用。

在 VS.NET 2012(我相信也是 2010)中,Web 表单项目模板方便地提供了大量的 jQuery 脚本甚至 CSS 类。通常我不需要添加任何额外的引用,并且智能感知效果很好。

最近我想使用 jQuery 消息对话框,它需要 jquery-ui.css 该站点教程引用了 CDN 位置,因此为了使其正常工作,我添加了以下内容:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

问题是项目默认情况下已在以下位置下包含此文件:

~/Content/themes/base/jquery-ui.css

但是,当我删除对 css 文件的 CDN 链接引用时,模式丢失了样式。我想,由于这些脚本已经在我的应用程序中,我不需要显式引用它们。但是,如果我删除 CDN 引用并显式引用 css 文件,它将会工作:

<link rel="stylesheet" href="~/Content/themes/base/jquery-ui.css" />

所以我需要在这里接受教育。 ASP.NET Webforms 项目是否仅提供所有脚本和样式,但仅引用部分文件?我在 ScriptManager 引用中看到以下 (2):

<asp:ScriptReference Name="jquery" />
<asp:ScriptReference Name="jquery.ui.combined" />

这是否为我处理了对主 jquery-2.0.3.js 文件的引用,因为我从未需要显式引用它?为什么我必须显式添加对 jquery-ui.css 的引用,即使它是项目的一部分?我需要组织 VS.NET 和 ASP.NET 如何管理这些文件,因此我不会猜测并理解它们是如何被引用或不被引用的。

最佳答案

引入 Visual Studio 2012 Bundling and Minification ,这就是你要问的。以下文章将解释这些功能,并向您展示如何在 Web 表单项目中利用它们。

关于jquery - 如何在 VS.NET 2012 中的 ASP.NET Web 表单中使用 jQuery 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19166046/

相关文章:

javascript - jQuery 中的 attr() 方法问题

javascript - $(this).attr({类 : "activeTab"}); is not working because this is undefined

javascript - jQuery Infinite-Scroll - 快速滚动时事件会触发多次

visual-studio-2012 - 无法在 InstallShield 2012 Limited Edition 中创建非广告快捷方式

visual-studio-2012 - 括号/引号中的 Visual Studio 选项卡?

javascript - 我无法从 Bootstrap 日历中获取日期值

asp.net - 同一条线上的两个基础设施控制

c# - 如何通过配置静态方法来防止故障(内存泄漏)?

asp.net - 是什么让 ASP.NET 项目成为应用程序而不是库?

visual-studio-2012 - Web Essential for Visual Studio 2012 中缺少 Typescript 选项