我有一个jQuery自动完成字段,可以从Amazon的自动完成中获取结果,如下面的源代码所示。每当用户将光标悬停在自动完成列表上的某个项目上时,我需要调用一个函数。
功能本身不是问题,我不知道如何调用它。因此,为简单起见,我只需要提醒光标结束的项目。如果我想在onClick上这样做,我想我可以添加一个select
属性,但我该怎么做onMouseOver?
这是jQuery:
$(document).ready(function () {
//http://completion.amazon.com/search/complete?method=completion&q=halo&search-alias=videogames&mkt=1&x=updateISSCompletion&noCacheIE=1295031912518
var filter = $("#new_item").autocomplete({
source: function (request, response) {
$.ajax({
url: "http://completion.amazon.com/search/complete",
type: "GET",
cache: false,
dataType: "jsonp",
success: function (data) {
response(data[1]);
},
data: {
q: request.term,
"search-alias": "stripbooks",
mkt: "1",
callback: '?'
}
});
}
});
});
自动完成列表在dom中作为ul与class="ui-autocomplete ..."
菜单项在里面,因为li与class="ui-menu-item"
因此使用jQuery将onMouseover绑定到它们:
$('.ui-autocomplete .ui-menu-item').hover(mouseInHandler, mouseOutHandler);
有关悬停功能的更多信息,请访问here。
如果我做对了,你想在触发鼠标悬停事件时在自动完成列表中选择一个条目?然后你可以这样做:
$j('.ui-autocomplete').on('mouseover', '.ui-menu-item', function () {
$(this).find('a').click();
});
写吧:
$('#element').hover(function()
{
alert('hoho!');
});