2010-12-12 147 views
0

我想要自动填充控件滚动条的样式。 max和delay属性在jquery自动填充控件中不起作用。 我想在菜单项中显示替代背景颜色。使用jQuery 1.4.4和jQuery-UI-1.8.7,jQuery的UI主题 - 1.8.7Jquery自动完成

IAM你有这个问题的解决方案。

$('#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; 
        } 
       }); 

回答

0

据我所知,jQuery UI的自动完成插件不支持一个最大的选择 - 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"); 
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类。