Question

我想设置自动填充控件滚动条的样式。 max和delay属性在jquery自动填充控件中不起作用。我想在菜单项中显示备用背景颜色。

iam使用jquery 1.4.4和jquery-ui-1.8.7，jquery-ui-themes-1.8.7

你有解决这个问题的方法。

  $('#zipcode').autocomplete({
                    minLength: 4,
                    max: 2,
                    delay: 10,
                    source: data.d,
                    focus: function (event, ui) {
                        $('#zipcode').val(ui.item.Zip);
                        return false;
                    },
                    select: function (event, ui) {
                        $('#zipcode').val(ui.item.Zip);
                        $('#state').val(ui.item.Abbreviation);
                        $('#city').val(ui.item.Name);
                        return false;
                    }
                });

Answer 1

以下是我实现备用背景颜色的方法：

$('#myautocomplete').autocomplete({
    source: ...,
    ...
    open: function (event, ui) {
        $("li.ui-menu-item:odd").each(function () {
            rdaJq(this).addClass("autocomplete-item-alternate");
        });
    }
});

其中“autocomplete-item-alternate”是我在样式表中定义的css类。

Answer 2

据我所知，jQuery UI Autocomplete插件不支持max选项 - jQuery UI Autocomplete Documentation

添加备用背景颜色可以通过修改ui.widget的刷新方法

来完成

var items = this.element.children("li:even:not(.ui-menu-item):has(a)")
        .addClass("ui-menu-item even")
        .attr("role", "menuitem");

Jquery自动完成

2 个答案: