jquery - 将 Jquery 库添加到 MVC4 应用程序

Question

有人可以向我解释一下如何将 jquery 库添加到 asp.net MVC4 应用程序中。我试图弄清楚如何将它们添加到剃刀视图中。我只能在网上找到 Jquery Mobile 的教程？好吧，我只想知道如何将 jquery 库添加到 cshtml 视图中。任何带有一些示例的链接都会很棒。

Answer 1

下载脚本文件。在脚本文件夹中添加脚本

<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
//Or
<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> 

然后在布局页面中调用上面的脚本行。

Answer 2

如果不是将它添加到每个视图中，而是通过 Global.asax.cs 中的 RegisterBundles 添加它会怎样？

   private void RegisterBundles(BundleCollection bundles)

    {
    var js = new Bundle("~/scripts/MercerAdvisors.OnTrack.Bundle.js", typeof(JsBundleOnly));

    js.AddFile("~/Scripts/jquery-1.7.2.js");
    js.AddFile("~/Scripts/jquery.validate.js");
    js.AddFile("~/Scripts/jquery.validate.unobtrusive.js");
    js.AddFile("~/Scripts/jquery.tipTip.minified.js");
    js.AddFile("~/Scripts/jquery-ui-1.8.16.js");
    js.AddFile("~/Scripts/jquery.layout.js");
    js.AddFile("~/Scripts/checkRadio.js");
    js.AddFile("~/Scripts/jquery.formatCurrency-1.4.0.js");
    js.AddFile("~/Scripts/rangeValidator.js");
    js.AddFile("~/Scripts/jquery.nimble.loader.js");
    js.AddFile("~/Scripts/jquery.maskedinput-1.3.js");
    js.AddFile("~/Scripts/jquery.sparkline.js");
    js.AddFile("~/Scripts/jquery.loadmask.js");
    js.AddFile("~/Scripts/DataTables-1.8.2/media/js/jquery.dataTables.js");
    js.AddFile("~/Scripts/FixedColumns.min.js");
    js.AddFile("~/Scripts/ZeroClipboard.js");
    js.AddFile("~/Scripts/jquery.livequery.js");
    js.AddFile("~/Scripts/jquery.timers-1.2.js");
    js.AddFile("~/Scripts/selectToUISlider.jQuery.js");

    bundles.Add(js);

    var jqueryCss = new Bundle("~/Content/themes/base/jQuery.Bundle.css", typeof(CssBundleOnly));

    jqueryCss.AddFile("~/Content/themes/base/jquery-ui.css");

    bundles.Add(jqueryCss);

}