Comment faire en sorte que JQuery-UI fonctionne avec ASP.NET MVC6?

Je viens de commencer avec MVC6 (RC), j’ai créé un projet basé sur le modèle standard de MVC6 RC et tente désespérément de faire fonctionner JQuery-UI. J’ai dépassé l’exemple suivant de la page JQuery-UI dans l’un de mes points de vue:

 $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]; $("#tags").autocomplete({ source: availableTags }); });   Tags:

L’étiquette (et la “TextBox”) est affichée, mais l’auto-complétion ne fonctionne pas (si je tape du texte, rien ne se passe). JQuery (base) est installé par défaut (dans le modèle standard). Premièrement, j’ai ajouté le paquetage JQuery-UI NuGet (ce qui semble être faux). Ensuite, j’ai ajouté le paquet JQuery-UI également dans Bower (ce qui, à mon avis, devrait être le nouveau moyen).

J’ai aussi essayé d’append les références:

à mon avis (ce qui ne résout pas le problème).

Quelle est la bonne façon d’append JQuery-UI dans un projet MVC 6 (RC) et de donner l’exemple à l’œuvre? Mise à jour pour être concret:
Le problème n’était pas l’exemple de code ci-dessus (rien à redire), le problème consistait uniquement à référencer le correct JQuery (dans mon cas, pour MVC6 RC).
Ainsi, vous pouvez voir la solution en général dans la première réponse et – spécifique à mon cas – dans ma propre réponse.

Ce code devrait fonctionner correctement avec les informations que vous avez fournies. Voir le violon de travail.

Assurez-vous de vérifier toutes ces choses

1) Vous avez chargé jQuery, l’interface utilisateur jQuery et le code CSS nécessaire. jQuery doit être chargé avant de charger l’interface utilisateur jQuery car elle dépend de jQuery.

Le script qui active la saisie semi-automatique devrait être après le chargement des 2 bibliothèques ci-dessus.

2) Recherchez d’autres erreurs de script dans la console de votre navigateur. Si vous avez des erreurs de script, votre autre code js restant ne sera pas exécuté 🙂

3) Si vous utilisez une présentation et que vous essayez d’activer le plug-in autocomplete à partir d’une page utilisant cette disposition, veillez à placer vos scripts dans le bloc @section scripts afin qu’il s’exécute après le chargement de nos bibliothèques ( c’est ainsi nous allons / devrions spécifier l’ordre d’exécution du script dans le fichier Layout (voir l’exemple ci-dessous )

Mise en page (_Layout.cshtml )

     @RenderSection("scripts", required: false)

Votre page spécifique (Ex: index.cshtml )

 @section scripts {  }

Ça fonctionne maintenant. Dans MVC6 RC , les scripts doivent être ajoutés à _Layout.cshtml , mais dans les sections d’environnement :

      @* Added for JQueryUI (Debug) *@    @* Added for GoogleMaps (debug)*@       @* Added for JQueryUI (Staging / Hosting (including Self-hosting) *@    @* Added for GoogleMaps (Staging / Hosting (including Self-hosting)*@

Donc, mon exemple de code posté fonctionne, puisque j’ai changé cela. Remarque: Vous devez également append les références sous les noms d’environnement = “Staging, Production”, sinon cela ne fonctionne pas en dehors de VS.