2010-10-02 2 views
-1

Normalement, je ne demande pas d'aide. J'ai passé 3 heures et plus à essayer d'incorporer du javascript simple en utilisant JQuery avec l'application MVC. Pas une application de production, j'essaie juste d'apprendre MVC et JQuery. J'ai googlé et trouvé divers exemples d'applications que je ne pouvais pas travailler. Voici donc une explication détaillée du dernier téléchargement que j'essaie de faire fonctionner. ici est le site par l'article respecté Dino Esposito http://msdn.microsoft.com/en-us/scriptjunkie/ff679948.aspxComment utiliser Jquery avec MVC

comme l'article mentionne, je crée une application Web Asp.net MVC2 (pas le modèle vide) Que dans le Site.master j'inscrire tous les css/dossiers de la section de tête et que je couper et coller les éléments suivants dans Site.master

<div id="menucontainer"> 
     <ul id="menu"> 
      <li><%= Html.ActionLink("Home", "Index", "Home", 
       new { title="Home Page" }, null)%></li> 
      <li><%= Html.ActionLink("About", "About", "Home", 
       new { title = "About" }, null)%></li> 
      <li><%= Html.ActionLink("Misc", "Demo", "Home", 
       new { title = "Miscellaneous demos" }, null)%></li> 
      <li><%= Html.ActionLink("What's up here", "Todo", "Home", 
       new { title = "Read me" }, null)%></li> 
     </ul> 
    </div> 
</div> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("menucontainer").tabs(); 
     }); 
    </script> 

comme l'article mentionne. J'ai toute ma structure de répertoire et les fichiers js/css nécessaires. dans l'article, il utilise 1.4.1, les derniers téléchargements sont 1.8.quelque chose

peut-on un certain point à un téléchargement de Hello World JQuery avec MVC? appréciez votre aide

+0

J'ai une sorte d'exemple de bonjour monde dans mon site à http://hectorcorrea.com/Blog/AJAX-calls-with-jQuery-in-ASP.NET-MVC.aspx Notez que l'exemple dans ce poste est très basique et n'utilise même pas de pages maîtres mais cela devrait aider avec les bases. Assurez-vous également d'avoir le bon chemin vers jQuery dans votre code. Par exemple, en tant que test, tapez le chemin vers l'emplacement correct (plutôt que d'utiliser le chemin relatif) et voyez si cela peut vous aider. –

Répondre

2

La version actuelle de jQuery est 1.4.2. Le fait que vous me disiez quelque chose m'incite à croire que vous êtes en train de charger jQuery-ui; qui est une bibliothèque add-on pour jQuery.

Pouvez-vous charger la page sur un navigateur en chrome ou Firefox (avec Firebug) et vérifier que jQuery fonctionne réellement?

De plus, le jQuery est faux dans l'article que vous lien, ce qui suit est une façon plus succincte de faire ce que vous avez besoin et utilise le sélecteur approprié:

$(function(){ 
    $("#menucontainer").tabs(); 
}) 

http://www.chadmyers.com/blog/archive/2007/12/13/using-jquery-with-asp.net-mvc.aspx

Ce lien prétend avoir quelques bonnes choses MVC pour jQuery mais honnêtement, je vous encourage à lire la documentation sur jquery.com et voir ce qui ne va pas.

+0

oui l'article utilise des onglets, qui proviennent de la bibliothèque de l'interface utilisateur. – CodingJoy

+0

J'ai activé Javascript pour Firefox. – CodingJoy

+0

Je connais Firebug, je veux juste un exemple Hello World et je ne le trouve nulle part! – CodingJoy

Questions connexes