Привязка события onMouseOver к элементам автозаполнения jQuery

У меня есть поле автозаполнения 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: '?'
                }
            });
        }
    });
});

person sveti petar    schedule 12.06.2012    source источник


Ответы (3)


список автозаполнения находится в dom как ul с class="ui-autocomplete ..." Пункты меню находятся внутри этого, как li с class="ui-menu-item" Итак, привязав onMouseover к ним с помощью jQuery:

$('.ui-autocomplete .ui-menu-item').hover(mouseInHandler, mouseOutHandler); Дополнительную информацию о функции наведения можно найти здесь.

person jakee    schedule 12.06.2012

Если я правильно понял, вы хотите выбрать запись в списке автозаполнения, когда срабатывает событие наведения мыши? Затем вы можете сделать:

    $j('.ui-autocomplete').on('mouseover', '.ui-menu-item', function () {
        $(this).find('a').click();
    });
person iappwebdev    schedule 12.06.2012

Просто пиши:

$('#element').hover(function()
{
    alert('hoho!');
});
person Oleksandr Fentsyk    schedule 12.06.2012