javascript - サイドクリックでオートコンプリートドロップダウンを閉じる方法

Question

ユーザーjquery autocompleteがいくつかの結果を取得すると、結果が表示されますが、側面をクリックすると、返された結果でドロップダウンを閉じることができません。

$(function () {
            $("#search").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '@Url.Action("TestAutoComplete", "Home")', type: "POST", dataType: "json",
                        data: { query: request.term },
                        success: function (data) {
                            response($.map(data, function (item) {

                                return {
                                    label: item.Title
                                };
                            }));
                        }
                    });
                },
                minLength: 1,
                select: function (event, ui) {
                    onItemSelect(ui.item);
                },
                open: function () {
                    $(this).removeClass('ui-corner-all').addClass('ui-corner-top');
                    $(this).autocomplete('widget').css('z-index', 999999);
                },
                close: function () {
                    $(this).removeClass('ui-corner-top').addClass('ui-corner-all');
                }
            })
        .data('ui-autocomplete')._renderItem = function (ul, item) {
            return $('<li>')
                .data('autocomplete-item', item)
                .append('<a href="#"><p  >' + item.label + "</p></a>")
                .appendTo(ul);
        };
        });

Answer 1

非常に愚かなエラー。

 $("#search").autocomplete({...

そのはず

 $(".search").autocomplete({...

そしてそれは働きます。