jquery - 当 jquery 自动完成结果完成时，如何添加事件？

Question

我以这种方式使用 Jquery UI 自动完成插件

 $("#home_search_top").autocomplete({
                source: "/theme/site_theme/search.php",
                minLength: 2,
                parse: function() {
                    console.log("hello");
                return false;
                },
                select: function(event, ui) {
                    $('#state_id').val(ui.item.id);
                    $('#abbrev').val(ui.item.abbrev);
                }
            });

            $("#home_search_top").autocomplete({
                source: "/theme/site_theme/search.php",
                minLength: 2,
                loadingClass : "res-search"
            });

解析完成后如何显示或隐藏 someDiv？

Answer 1

我认为您正在寻找该response事件（假设您使用的是 jQueryUI 1.9）。从文档中：

在搜索完成后、菜单显示之前触发。对于不需要自定义源选项回调的建议数据的本地操作很有用。搜索完成时始终触发此事件，即使由于没有结果或自动完成功能被禁用而不会显示菜单也是如此。

您应该点击此事件并隐藏#someDiv：

 $("#home_search_top").autocomplete({
     source: "/theme/site_theme/search.php",
     minLength: 2,
     select: function(event, ui) {
         $('#state_id').val(ui.item.id);
         $('#abbrev').val(ui.item.abbrev);
     },
     response: function () {
         $("#someDiv").hide();
     }
 });

Answer 2

select: function(event, ui) {
        $('#state_id').val(ui.item.id);
        $('#abbrev').val(ui.item.abbrev);

        // hide div:
        $("#MyDiv").hide();
    }