从自动完成jQuery UI获取返回的结果数

Question

我得到了以下代码

$("#UserSearch").autocomplete({
    source: "search.php",
    minLength: 2
});

在这里，用户输入一封电子邮件，我在数据库中进行搜索，但是我需要查找自动完成功能停止获取结果的时间。 例如，我得到了user@example.com和user2@example.com。 如果当前用户正在搜索“ user3”，并且页面不再返回结果，那么我该如何抓住这一刻，以便可以在页面上显示另一个元素。

Answer 1

您可以考虑检查open事件中显示的元素数，如果len为0，则可以相应地显示另一个元素。

其他解决方案是使用自定义_renderItem函数或自定义扩展窗口小部件，但是在这种情况下，这可能是一个更简单的解决方案。

码：

$("#project").autocomplete({
    minLength: 0,
    source: projects,
    open: function (event, ui) {
        var len = $('.ui-autocomplete > li').length;
        $('#count').html('Founded ' + len + ' results');
    }
});

演示： http : //jsfiddle.net/IrvinDominin/DZ9zU/

更新

更好地使用response事件：

搜索完成后触发，然后显示菜单。 对于本地处理建议数据很有用，其中不需要自定义源选项回调。 即使没有显示菜单，因为没有结果或自动完成功能被禁用，也总是在搜索完成时触发此事件。

码：

$("#project").autocomplete({
    minLength: 0,
    source: projects,
    response: function (event, ui) {
        var len = ui.content.length;
        $('#count').html('Founded ' + len + ' results');
    }
});

演示： http : //jsfiddle.net/IrvinDominin/DZ9zU/1/