problème de lancement de mon menu jquery

problème de lancement de mon menu jquery - HTML/CSS - Programmation

Marsh Posté le 18-08-2012 à 23:53:14    

Bonsoir , voila j'ai un petit bug avec mon menu  
lorsque je rentre dans le menu, tous les menu sont déployé  :(
 
voici un screenshoot
 
http://keo.n.free.fr/bug.jpg
 
voici le script
 

Code :
  1. <body onload="prettyPrint()">
  2.         <div id="barre">
  3.             <ul id="menu">
  5.                 <li>
  6.                     <a class="theme" href="/app.php/presentation">Accueil</a>
  7.                 </li>     
  8.                
  9.                 <li>
  10.                     <a  class="theme" href="#">Moodle</a>
  11.                     <ul>
  13.                         <li class="deploy">
  14.                             <a  href="/app.php/e-learning">E-learning</a>
  15.                             <a  href="/app.php/moodle-xampp">Comment installer XAMPP et Moodle</a>
  16.                             <a  href="/app.php/LDAP-cohorte">LDAP et cohortes</a>
  17.                             <a  href="/app.php/inscription-role">inscription rôle</a> 
  18.                         </li>
  19.                     </ul>
  20.                 </li>
  21.                 <li>
  22.                     <a class="theme"  href="#">Symfony2</a>
  23.                     <ul>
  24.                         <li class="deploy">
  25.                             <a  href="/app.php/symfony2-OVH">installer Symfony2 sur OVH et la console</a> 
  26.                         </li>
  27.                     </ul>
  28.                 </li>
  29.                 <li>
  30.                     <a  class="theme" href="#">Portfolio</a>
  31.                 </li>
  32.                 <li>
  33.                     <a class="theme" href="#">Mon activité</a>
  34.                 </li>
  36.             </ul>
  37.         </div>


 

Code :
  1. $(document).ready(function(){
  2.             $(".deploy" ).hide();
  3.     $("#barre" ).hover(function() {
  4.         $(this).stop().fadeTo("fast",1)       
  5.     }, function() {
  6.         $(this).stop().fadeTo("fast", 0.6)
  7.     });
  9.     $("#menu" ).children('li').hover(function() {
  10.         $(".deploy" ).show();
  11.    
  12.     $(this).children('ul').fadeIn("slow" );
  13.     }, function() {
  14.         $(this).stop().children('ul').fadeOut("fast" );
  15.     });
  16. });


 
si vous avez un idée merci d'avance pour la réponse :)

Reply

Marsh Posté le 18-08-2012 à 23:53:14   

Reply

Marsh Posté le 20-08-2012 à 08:03:22    

Je pense que ton jquery n'a pas d'effet sur ton code.
Verifies que tu references ton jquery.cs avant ton bloc javascript et surtout que ta la reference vers jquery fonctionne.

 

En gros tu fais clic droit ---> code source de la page et tu clic sur ton "<script src="jquery.cs...." pour voir si tu tombes sur le fichier jquery.cs

 

Desole je suis sur mobile, je ne peux pas tester ton code.

 

Sinon, n'hesites pas a telecharger Firebug, une extension pour Firefox. Firebug contient un onglet "Console" qui t'affiche les erreurs sur ta page, ce qui est interessant quand on utilise jquery par exemple.


---------------
Mon FeedBack
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed