Jquery en vuelo estacionario no funciona

Question

Estoy cambiando mis códigos para ser compatible con jQuery 1.8 y estoy atascado con este hover que no funciona. Cuando usé lo mismo con un click funcionó. Aquí está mi código, ¿alguien puede decirme dónde me estoy equivocando?

función

$(document).on('hover', '.top-level', function (event) { 
    $(this).find('.actionfcnt').show(); 
    $(this).find('.dropfcnt').show(); 
}, function() { 
    $(this).find('.dropfcnt').hide('blind', function() { 
    $('.actionfcnt').hide(); 
    }); 
}); 

Answer 1

obsoleta a partir de jQuery 1.8: El nombre de "flotar" que se utiliza como una abreviatura de la cadena "mouseleave MouseEnter". Se adjunta un único 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 nombre de pseudo-evento "hover" con el método .hover(), que acepta una o dos funciones.

Fuente: http://api.jquery.com/on/#additional-notes

que más o menos lo dice todo, no puedes usar "flotar" para ello:

$(document).on('mouseenter','.top-level', function (event) { 
    $(this).find('.actionfcnt').show(); 
    $(this).find('.dropfcnt').show(); 
}).on('mouseleave','.top-level', function(){ 
    $(this).find('.dropfcnt').hide('blind', function(){ 
     $('.actionfcnt').hide(); 
    }); 
}); 

Answer 2

.on sólo tiene 3 parámetros: http://api.jquery.com/on/

Si no necesita que sus manipuladores pueden unir a los elementos dinámicamente agregado así, entonces puede usar la buena función de edad hover con 2 controladores de eventos.

$('.top-level').hover(function (event) { 
    $(this).find('.actionfcnt').show(); 
    $(this).find('.dropfcnt').show(); 
}, function (event) { 
    $(this).find('.dropfcnt').hide('blind', function(){ 
    $('.actionfcnt').hide(); 
    }); 
});​ 

Por cierto, $(selector).hover(handlerIn, handlerOut) es la abreviatura de $(selector).mouseenter(handlerIn).mouseleave(handlerOut);.

Si es necesario, a continuación, utilizar on para mouseenter y mouseleave eventos:

$(document).on('mouseenter', '.top-level', function (event) { 
    $(this).find('.actionfcnt').show(); 
    $(this).find('.dropfcnt').show(); 
}).on('mouseleave', '.top-level', function (event) { 
    $(this).find('.dropfcnt').hide('blind', function(){ 
    $('.actionfcnt').hide(); 
    }); 
});​ 

Answer 3

no hay ningún evento "estacionario". hay función .hover() que toma 2 devoluciones de llamada (como en su ejemplo).

Answer 4

Trate

$('.top-level').hover(function (event) { 
     $(this).find('.actionfcnt').show(); 
     $(this).find('.dropfcnt').show(); 
}, function(){ 
     $(this).find('.dropfcnt').hide('blind', function(){ 
      $('.actionfcnt').hide(); 
     }); 
}); 

Answer 5

probar este código con jQuery 1.8, creo que el trabajo bien:

$(document).ready(function(){ 
    $('.top-level').hover(
     function() { 
      $(this).find('.actionfcnt').show(); 
      $(this).find('.dropfcnt').show(); 
     }, 
     function() { 
      $(this).find('.dropfcnt').hide('blind', function(){ 
       $('.actionfcnt').hide(); 
      }); 
     } 
    ); 
}); 

Answer 6

Probar:

$(".top-level").on({ 
    mouseenter: function (event) { 
     $(this).find('.actionfcnt').show(); 
     $(this).find('.dropfcnt').show(); 
    }, 
    mouseleave: function (event) { 
     $(this).find('.dropfcnt').hide('blind', function(){ 
      $('.actionfcnt').hide(); 
     }); 
    } 
}); 

O

$(".top_level").on("hover", function(event) { 
    if(event.type == "mouseenter") { 
    $(this).find('.actionfcnt').show(); 
    $(this).find('.dropfcnt').show(); 
    } 
    else if (event.type == "mouseleave") { 
    $(this).find('.dropfcnt').hide('blind', function(){ 
     $('.actionfcnt').hide(); 
    }); 
    } 
});