在Visual Studio 2013项目中实现jQuery插件

我在Visual Studio 2013中创建了一个新的ASP.NET Web窗体项目。默认安装了jquery-1.10.2.js。

我使用包管理器控制台来安装 – 打包jQuery -Version 1.11.2,因为Manage Nuget Packages默认只提供Nuget 2.1.3。 我需要早期的jQuery。

我一直在使用VS 2010,而且我完全不熟悉新的ASP.NET 4.5 ScriptManager。 使用VS 2010 for jQuery Plugins,您只需在Master Page的head部分引用.js和.css。

    

在ASP.NET 4.5中,我对如何添加第三方jQuery插件有点不清楚,因为看起来所有.js文件都是通过ScriptManager实现的,而不是简单地在head部分的脚本标签中引用。

我的谷歌研究:“在visual studio 2013 web form中安装jquery插件”发现了一些问题:Nuget Package Manager,安装jQuery或Visual Studio Extensions。

我没有找到任何清楚解释如何使用Visual Studio 2013将第三方jQuery插件添加到ASP.NET Web窗体应用程序的内容。

以下是我在VS 2013中新创建的母版页中的js引用:

                      

这个新的VS 2013 Web表单项目还包括:packages.config,references.js,BundleConfig.cs

我非常感谢你的指导。

我通常在/ App_Start文件夹中的BundleConfig.cs下的自己的包中添加自定义脚本,如下所示:

 ScriptManager.ScriptResourceMapping.AddDefinition( "my-plugin", new ScriptResourceDefinition { Path = "~/Scripts/my-plugin.min.js", DebugPath = "~/Scripts/my-plugin.js", } ); 

然后,您可以在主页面中的ScriptManager中引用该包(在jQuery ScriptReference之后),如下所示:

  

这允许您使用不同的.js文件进行调试与生产。 如果您只有一个脚本版本,那么我相信您可以简单地省略DebugPath行。

如果插件需要添加任何CSS文件,可以将它们添加到Bundle.config中,如下所示: