如何在VS.NET 2012的ASP.NET webforms中使用jQuery文件？

好吧，我已經使用jQuery幾年了，知道如何使用它編寫代碼。多年來，我會從jQuery中下載當前縮小的腳本，並在我的母版頁或類似頁面中引用。如何在VS.NET 2012的ASP.NET webforms中使用jQuery文件？

那麼在VS.NET 2012（和2010以及我相信）中，Web表單項目模板會提供大量的jQuery腳本甚至CSS類。通常情況下，我不需要添加任何其他參考文獻，而智能感知系統很好。

最近我想用一個jQuery Message Dialog需要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

然而，當我刪除了CDN鏈接參考css個文件電莫達失去了它的造型。我想，因爲這些腳本已經在我的應用程序中，我不需要明確引用它們。但是，如果我刪除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如何管理這些文件，所以我不會猜測並理解它們如何被引用或不被引用。

2013-10-03 atconway

僅僅因爲文件是有的，並不意味着你在引用他們。您需要查看'BundleConfig.cs'來查看它創建的不同捆綁包，然後確保您正在引用這些捆綁包。 – MikeSmithDev

@MikeSmithDev - 謝謝你，這似乎是我在質疑。我需要深入解釋這是如何組織和運作的。 – atconway

Visual Studio 2012引入了Bundling and Minification，這就是你問的問題。以下文章將解釋這些功能，並向您展示如何在Web表單項目中利用它們。

2013-10-03 18:15:12

這些文章非常棒，謝謝詹姆斯。所以我的意願是，我必須明確地添加這些文件，以便通過「BundleConfig.cs」文件進行捆綁和縮小。 – atconway

是的，您需要指定要捆綁的文件，但可以使用通配符來匹配多個文件。 –

注意：如果您想使用cdn版本，您可以將其完全從您的項目中刪除，並將CDN引用添加到您的母版頁，或者在您的內容頁面中包含鏈接（如果您有頭部部分）...您還應該避免使用jQuery 2.x並堅持使用1.9。x分支，除非你可以放棄IE8和更早的支持。 –

回答