JQuery自动完成不使用minLength 0和自定义样式

Question

我正在使用带有Bootstrap自定义样式的jquery-ui自动完成功能。

我按照示例here中给出的确切代码：

然而，这似乎不适用于minLength: 0，那就是当我们点击输入框或甚至当我们输入一两个字符时，自动完成不会出现。但是，如果您在键入后退格并从输入框中删除所有内容，则会出现自动完成选项。它也没有搜索任何选项。

演示：JSFiddle

Answer 1

您在label数组中缺少source属性。这是jQuery自动完成比较用户输入的属性。这是更新的小提琴：https://jsfiddle.net/wa91nxmb/2/

此外，这里是更改代码的部分：

 var coupons = [
    {
        coupon: 'abced',
        label: 'abced',
        desc: '50 OFF'
    },
    {
        coupon: 'GG_hijk',
        label: 'GG_hijk',
        desc: '75 OFF'
    },
];

由于您希望在用户关注空文本框时显示所有选项，因此您可以绑定focus事件并通过javascript触发搜索。

 $("#coupon").focus(function(){
        $(this).autocomplete("search", $(this).val());
 });