2010-05-11 8 views
0

Mon problème est le suivant: j'ai besoin de mettre à jour du texte dans un div avec la valeur de ce que le pointeur de la souris survole dans la liste déroulante de saisie semi-automatique.Comment attacher aux événements souris du plugin jQuery Autocomplete?

Cela peut-il être fait facilement, ou dois-je apporter des modifications fondamentales au plugin de saisie semi-automatique? J'utilise la version 1.1 du plugin jQuery Autocomplete de Jörn Zaefferer.

Répondre

1

utilisant jQuery 1.4.2 autocomplete plug-in natif, vous pouvez le faire avec ce code:

$('.ui-menu-item a').live('mouseenter', function(){alert('hello!');}); 
+0

Cet extrait n'a pas fonctionné pour moi. J'ai essayé à la fois FF et Safari ... :( Ensuite, j'ai joué un peu, et l'extrait suivant fait le travail: $ ('li'). Live ('mouseenter', function() {alert (' bonjour! ');}); Oui, il jette un large filet, mais fait ce que j'ai besoin de le faire Merci –

+0

J'ai essayé ici en utilisant la console firebug et ça fonctionne bien ... – Zote

1

Vous pouvez utiliser jQuery vivre pour se lier à la table de résultat qui apparaît, mais il est non spécifique, donc vous devrez peut-être ajouter le live lorsque le champ de saisie aura le focus, puis le faire mourir quand il perdra le focus. Fondamentalement essayer ceci (console.debug est d'imprimer le résultat dans la console Firebug):

$('.ac_results li').live('mouseover',function(){ 
console.debug($(this).html()); // current autocomplete result list being hovered over 
}) 
+0

Fonctionne comme un charme! –

Questions connexes