0

以下のソースでわかるように、Amazon のオートコンプリートから結果を取得する jQuery オートコンプリート フィールドがあります。ユーザーがオートコンプリート リストの項目にカーソルを合わせるたびに呼び出す必要がある関数があります。

関数自体は問題ではありません。呼び出し方がわからないということです。簡単にするために、カーソルが上にあることをアイテムに警告する必要があるとしましょう。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

正しければ、マウスオーバーイベントがトリガーされたときにオートコンプリートリストのエントリを選択しますか？次に、次のことができます。

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

オートコンプリート リストは ul として domclass="ui-autocomplete ..."内にありますclass="ui-menu-item"。

$('.ui-autocomplete .ui-menu-item').hover(mouseInHandler, mouseOutHandler);ホバー機能の詳細については、こちらを参照してください。

于 2012-06-12T10:04:12.983 に答える
0

書くだけ：

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