自动完成 jquery 添加搜索图标答案

【问题标题】：Auto Complete jquery adding search icon自动完成 jquery 添加搜索图标
【发布时间】：2012-07-31 19:01:59
【问题描述】：

我正在使用jquery自动完成，并想在自动搜索输入框中添加搜索图标，并且当他们开始搜索时想要显示搜索jpg。你能提出他们的建议吗？

【问题讨论】：

您想在文本框内显示一张图片，该文本框也恰好附有自动完成功能？或者您想在自动完成列表中显示图像？您要显示的是一张图像还是两张不同的图像？你的问题不是很清楚。
我猜测默认状态下的“搜索”图标，以及自动完成时的“搜索”img。两者都用于输入字段。

【解决方案1】：

您可以观察文本框的按键事件。试试这个：

    $( "#tags" ).autocomplete({
        source: availableTags
    }).keyup(function () {
        if (this.value !== '') {
            $(this).addClass('close');   
        } else {
            $(this).removeClass('close');   
        }
    });

演示：http://jsfiddle.net/codef0rmer/5AASU/

【讨论】：

这个例子在 2015 年的 Chrome 中不起作用，至少对我来说是这样