Comment utiliser jquery.hover() en utilisant jquery.bind()?

Question

Je crée une table et la remplace par une div dans une page aspx. Dans ce tableau, j'ai quatre colonnes et dans chaque colonne j'ai une classe particulière. Le contenu de div (c.-à-d. Table) sera changé en utilisant $ajax() chaque fois qu'une liste déroulante change sa valeur.Je reçois la table et il viendra à l'intérieur de la div.Qu'est-ce que je dois faire jquery.hover() dans cette classe particulière.So comment puis-je faire en donnant le nom de la classe. J'ai déjà testé $.('.ovr')bind(mouseover,mouseout). Mais cela ne fonctionne pas non plus. Peut-on donner une solution?

Answer 1

pour lier un événement « hover » manuellement vous devez lier le mouseenter et les événements mouseLeave (jQuery de hover documentation mentionne que le vol stationnaire se fixe en fait des gestionnaires d'événements mouseenter et MouseLeave). Quelque chose comme ceci devrait fonctionner:

$("...").bind("mouseenter mouseleave", function(e) { 
    if (e.type == "mouseenter") { 
     // hover in 
    } else { 
     // hover out 
    } 
}); 

Espérons que cela aide.

Answer 2

Essayez quelque chose comme ceci:

$(document).ready(function(){ 

    $('#id_of_your_table') 
    .delegate('.ovr','mouseover',function(){ 
     your_mouseover_behavior(); 
    }) 
    .delegate('.ovr','mouseout',function(){ 
     your_mouseout_behavior(); 
    }); 

});