Implémentation du plug-in jQuery dans le projet Visual Studio 2013

J’ai créé un nouveau projet ASP.NET Web Forms dans Visual Studio 2013. Ce fichier installait jquery-1.10.2.js par défaut.

J’ai utilisé la console de gestion des packages pour installer-package jQuery-Version 1.11.2 car les packages de gestion de Nuget n’offraient que Nuget 2.1.3 par défaut. J’avais besoin de jQuery plus tôt.

J’utilisais VS 2010 et je ne suis absolument pas familiarisé avec le nouveau gestionnaire de scripts ASP.NET 4.5. Avec VS 2010 for jQuery Plugins, il vous suffit de référencer les fichiers .js et .css dans la section head de la page maître.

    

Avec ASP.NET 4.5, je ne sais pas trop comment append un plug-in jQuery tiers, car il apparaît que tous les fichiers .js sont implémentés via le ScriptManager, et non simplement référencés dans les balises de script de la section head.

Ma recherche Google: “installer le plug-in jQuery dans le formulaire Web Visual Studio 2013” a permis de détecter des problèmes concernant: le gestionnaire de packages Nuget, le gestionnaire d’installation de jQuery ou les extensions Visual Studio.

Je n’ai rien trouvé qui explique clairement comment append des plug-ins jQuery tiers à l’application ASP.NET Web Forms avec Visual Studio 2013.

Voici les références js dans ma nouvelle page maître créée dans VS 2013:

                      

Ce nouveau projet de formulaire Web VS 2013 a également: packages.config, references.js, BundleConfig.cs

J’apprécierais vraiment vos conseils.

    J’ajoute généralement des scripts personnalisés dans leur propre lot sous BundleConfig.cs dans le dossier / App_Start comme suit:

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

    Ensuite, vous pouvez référencer le paquet dans le ScriptManager dans votre page maître (après le jQuery ScriptReference) comme ceci:

      

    Cela vous permet d’utiliser différents fichiers .js pour le débogage par rapport à la production. Si vous n’avez qu’une seule version de script, alors je pense que vous pouvez simplement omettre la ligne DebugPath.

    Si le plugin nécessite l’ajout de fichiers CSS, vous pouvez les append à Bundle.config comme suit: