ejemplos - jquery disparador flotar en el ancla

jquery if mouseover

Question

Estoy usando jQuery para desarrollar en un entorno web.

Quiero saber por qué

 $("#a#trigger").trigger(''mouseenter'');
 $("#a#trigger").trigger(''hover'');
 $("#a#trigger").trigger(''mouseover'');

Los 3 de esos no están trabajando para activar una función de desplazamiento que tengo.

$(function() {


        $(''a#trigger'').hover(function(e) {
          $(''div#pop-up'').show();

             }, function() {
          $(''div#pop-up'').hide();
        });

     });

      });

a#trigger es el nombre del ancla, y #pop-up es un elemento div en mi web.

El problema es que quiero pasar el mouse sobre algún evento en el complemento FullCalendar y esas funciones no están funcionando. Gracias.

Answer 1

Está en el camino correcto, el problema es el # extra en el selector, simplemente elimine el primer hash:

$("a#trigger").trigger(''mouseenter'');

Tenga en cuenta que dado que los ID deben ser únicos, no es necesario especificar el tipo de elemento, $(''#trigger'') es más eficiente.

También tenga en cuenta que:

En desuso en jQuery 1.8, eliminado en 1.9: El nombre "hover" usa como una abreviatura para la cadena "mouseenter mouseleave" . Adjunta un solo controlador de eventos para esos dos eventos, y el controlador debe examinar event.type para determinar si el evento es mouseenter o mouseleave . No confunda el pseudo-evento-nombre "hover" con el método .hover() , que acepta una o dos funciones.

Answer 2

Su selector jQuery debe escribirse como por ejemplo

$(''a#trigger'');

en lugar de $(''#a#trigger'');

En jQuery un # en un selector coincide con un id. En este caso, el trigger es un id, pero a es un elemento HTML y no requiere ningún prefijo.

Su código final sería:

$("a#trigger").trigger(''mouseenter'');
$("a#trigger").trigger(''hover'');
$("a#trigger").trigger(''mouseover'');