Ver Mensaje Individual
  #4 (permalink)  
Antiguo 27/07/2015, 13:45
rufus
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 15 años
Puntos: 1
Respuesta: marcar una opción del menu al pinchar sobre ella

fede estoy teniendo problemas con jquery. te detallo a continuacion como lo estoy haciendo.

primero incluyo el jquery en el archivo functions.php:
Código PHP:
Ver original
  1. <?php
  2.  
  3.  
  4. if(!is_admin())
  5. {
  6.     wp_deregister_script('jquery');
  7.     wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '');
  8.     wp_enqueue_script('jquery');
  9. }
  10.  
  11. ?>

pongo tu codigo jquery en el header.php
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.    
  3.  
  4.         $(document).ready(function(){
  5.      
  6.             $(".menu-item").click(function()
  7.             { //al clickear un enlace con clase "item"
  8.      
  9.                     $(".menu-item").removeClass("current"); //le quitamos la clase "current" a todos los ".item"
  10.                     $(this).addClass("current") //y le asignamos "current" al enlace clickeado
  11.      
  12.             });
  13.      
  14.      
  15.     });
  16. </script>
en el css creo una clase current con el codigo del hover...

con el inspector de elementos me dice que mi menu tiene en los li estos estilos:
Código CSS:
Ver original
  1. <li id="menu-item-21" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-21"><a href="http://localhost/jamonwordpress/category/blog/">Blog</a></li>

por eso el codigo jquery pongo .menu-item sin el "li"

que estoy haciendo mal?