0

我有一个 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: '?'
                }
            });
        }
    });
});
4

3 回答 3

0

自动完成列表在 dom 中作为 ul 与class="ui-autocomplete ..."菜单项在其中作为 li 与class="ui-menu-item"所以使用 jQuery 将 onMouseover 绑定到它们：

$('.ui-autocomplete .ui-menu-item').hover(mouseInHandler, mouseOutHandler);更多关于悬停功能的信息可以在这里找到。

于 2012-06-12T10:04:12.983 回答
0

如果我猜对了，您想在触发鼠标悬停事件时在自动完成列表中选择一个条目吗？然后你可以这样做：

    $j('.ui-autocomplete').on('mouseover', '.ui-menu-item', function () {
        $(this).find('a').click();
    });
于 2012-06-12T10:17:37.530 回答
0

写吧：

$('#element').hover(function()
{
    alert('hoho!');
});
于 2012-06-12T10:25:26.263 回答