如何附加到jQuery Autocomplete插件的鼠标事件?

时间:2010-05-11 01:55:06

标签: jquery autocomplete mouseevent mouseover

我的问题是:我需要使用鼠标指针悬停在自动完成下拉列表中的值来更新div中的某些文本。

可以轻松完成,还是必须对自动完成插件进行基本更改?

我正在使用JörnZaefferer的jQuery Autocomplete插件1.1版。

2 个答案:

答案 0 :(得分:1)

使用jQuery 1.4.2自动完成原生插件,您可以使用以下代码执行此操作:

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

答案 1 :(得分:1)

您可以使用jQuery live绑定到弹出的结果表,但它是非特定的,因此您可能必须在输入字段具有焦点时添加实时,然后在失去焦点时使其死亡。基本上尝试这个(console.debug是在Firebug控制台中打印出结果):

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