Bloquear evento hover

[zyon]

Que tal!

En un proyecto implemento jQuery UI, y si lo han visto, han notado que al pasar el cursor, digamos sobre un botón, este elemento resalta, esto es con el evento hover de css quiero suponer, hay un modo de bloquear este evento de un elemento en específico usando su id o algo, y dejar intacto el resto de los elementos? se los agradecería mucho, he buscado pero hasta ahora no he encontrado nada.

Saludos y gracias de antemano!

[oliverf2]

prueba con el preventDefault()
osea:

$("#nombreidelemento").on("mouseenter",function(e) {
e.preventDefault();
})

[chichote]

los efectos de los botones son por css, se me ocurren dos cosas.

1.- Quitar el hover en el css, pero afectara a todos los botones
2.- agregar un class a tu bonton, por ejemplo .sinhover y a .sinhover:hover le asignas los mismos estilos que tiene por defecto el boton.

Saludos.

[zyon]

Gracias por responder oliverf2, intenté lo que me comentaste:

Código PHP:

                  $("#xxx").mouseover(function(e) { 
                    alert(1); 
                    e.preventDefault(); 
                }); 
 
                $("#xxx").mouseenter(function(e) { 
                    alert(2); 
                    e.preventDefault(); 
                }); 
 
                $("#xxx").on("mouseenter",function(e) { 
                    alert(3); 
                    e.preventDefault(); 
                })  
   

Lo probé de otras dos formas, pero no me funcionó ninguna, ni si quiera se activaron los alert que dejé. El elemento que quiero evitar que haga el efecto de resaltado (hover) es este:

Código PHP:

  <button style="width: 178px;" aria-haspopup="true" title="Basic example" class="ui-multiselect ui-widget ui-state-default ui-corner-all" id="xxx" type="button"><span class="ui-icon ui-icon-triangle-2-n-s"></span><span>&nbsp;</span></button>  
   

Según yo, debe de ser algún evento con :hover de jQuery UI el que hace que al pasar el cursor sobre el elemento este "resalte" con otro tono de color, y lo cuál es lo que quiero evitar en este elemento.

[zyon]

Hola chichote, el problema es que uso las librerías de jQuery UI y no tengo mucho conocimiento de CSS com para intentar moverla, de hecho ya buscando no encuentro bien donde aplica ese efecto :/

[zyon]

Amm buscándole más en el código del UI, me parece que no usa hover, más bien remueve y agrega las clases :(

Hay alguna sugerencia para evitar esas acciones(removeClass o addClass) sobre ese elemento? :/

[ArturoGallegos]

como te comento @chichote asignale otra clase o accesa mediante su ID para asignarle los mismos estilos que tiene sin hover

si UI te asigna otras clases siempre puedes utilizar !important para que las clases que tu asignes prevalezcan ante las que asigne este script

[chichote]

Te presento la solucion a tus problems, firebug, no hace magia, pero si le pones atencion a un par de horas y te lees un buen manual ya entenderas el comportamiento css y sobre todo css en cascada.

Saludos.

[zyon]

Gracias por sus comentarios, ya lo solucioné, identifiqué las clases, saque lo que necesitaba y si generé una clase nueva, y aplicando !important me funcionó de maravilla! Gracias!