Comment faire pour utiliser jquery dans asp.net mvc 4?

Je suis en train de travailler sur un site à l'aide de ASP.Net 4 avec MVC. Je suis très familier avec les Formulaires web & javascript et jquery, mais le regroupement est de me confondre. À partir de ce que je peux dire, tous les fichiers javascript sont enveloppés dans BundleConfig.cs, et téléchargé avec l'en-tête du site.fichier maître. Donc, je devrais être capable de mettre mes fonctions supplémentaires et jquery, les appels à de nouvelles balises.

Mais il est évident que la façon de fonctions jquery sont censés aller dans les fichiers sont complètement différent de ce que je suis, et je ne peux pas trouver quelque chose à exploiter, à tous.

Existe-il des petits tutoriels qui peut me montrer la bonne façon de le faire dans MVC? Et pas de Rasoir, je n'ai pas besoin de deux courbes d'apprentissage ici.

Pas sûr de ce qu'a été la cause de mes jquery pour ne pas fonctionner, mais il s'en alla. Je suis le post si j'comprendre quel était le problème.

OriginalL'auteur Random | 2013-04-02

  1. 11

    Il n'y a pas de " bon " moyen de le faire dans MVC, c'est à vous entièrement.

    Il y a plusieurs façons de le faire.

    Vous pouvez placer des fonctions JQuery 'inline' au sein de votre point de vue, en les plaçant dans script tags
    par exemple,

    <script>
    $('a').click(function() { alert("Click"); } );
</script>

    Cependant, ce n'est généralement pas recommandé, car il rend votre JS plus difficile à gérer et la ré-utilisation et gonfle votre HTML. Vous auriez probablement faire cela seulement si vous avez eu un véritable petit morceau de script, et n'ai pas l'impression que c'était la peine de créer un nouveau fichier.

    Sinon, vous pouvez placer votre code html dans distinct, js fichiers, et d'inclure une référence à ces dans votre point de vue par exemple

    <script src="~/Scripts/mycusomtjquery.js"></script>

    C'est mieux, car il ne permet pas de ré-utiliser et ne pas gonfler votre HTML, plus le navigateur est capable de les mettre en cache.

    Une meilleure option est de profiter de la fonctionnalité de Regroupement dans MVC 4 et de l'utilisation de ce. Placez votre js dans un autre fichier, l'enregistrer comme un paquet, et le rendent à votre avis

    par exemple

    Vous créer js en sépare fichiers et placez votre code personnalisé.

    De le placer dans App_Start\BundleConfig.cs

    bundles.Add(new ScriptBundle("~/bundles/mycustomjquery")
                    .Include("~/Scripts/mycustomjquery.js")
                    .Include("~/Scripts/myothercustomjquery.js"));

    Ajouter un appel à rendre le paquet dans votre vue

    @Scripts.Render("~/bundles/mycustomjquery")

    Cela rendra votre js dans un minfied et de fusion de manière à être mis en cache par le navigateur.

    Vous pouvez configurer cette fonction. Choisissez comment regrouper vos fichiers js, comment beaucoup de réel fichiers js à faire, où les rendent etc.

    OriginalL'auteur StanK

  2. 1

    Je ne comprends pas votre problème, mais savez-vous ce bundle est? Tout d'abord, jetez un oeil à ce artciel à comprendre la fonctionnalité complète:
    http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification

    Vous n'avez pas besoin d'utiliser des Bundles asp.net mvc. Vous pouvez simplement retirer du projet et ajoutez vos fichiers javascripts dans votre mise en page sans problèmes. Vous pouvez ajouter dans la page de mise en page manuellement et ajouter votre funcitons dans un autre fichier js et inclue sur la Vue (ou de Mise en page trop). Asp.Net MVC est un autre approuch en comparaison avec les Formulaires web.

    Rasoir est un Viewengine et vous pouvez écrire le code côté serveur à l'aide de la @ char, par exemple: @Html.TextBox("Name") que nous avons, depuis l'asp.net mvc 3, mais vous pouvez aussi écrire ASPX moteur , par exemple: <%: Html.TextBox("Name") %> que vous faire des choses dans les Formulaires web. (Je recommande de Rasoir, parce qu'il est plus rapide à écrire, à lire et à utiliser).

    En savoir plus sur ViewEngines ici:
    http://weblogs.asp.net/scottgu/archive/2010/07/02/introducing-razor.aspx

    OriginalL'auteur Felipe Oriani