我在一个页面上使用多个jquery-ui自动完成小部件,并希望能够单独设置每个的宽度。目前,我这样做:
$($('.ui-autocomplete')[0]).width(150); $($('.ui-autocomplete')[1]).width(105); $($('.ui-autocomplete')[2]).width(80);
这不是真正的解决方案,因为用户能够以不同的顺序触发各种自动完成,而这个代码只是根据它们添加到DOM的顺序对它们进行风格化。
触发自动完成时,似乎创建一个< ul>然后将其放在触发它的输入框下。不幸的是,我在这个生成的< ul>中找不到任何唯一的标识符锁定并应用一些CSS。
我的问题与this one不同,因为我只使用默认的自动填充功能,而不是autocomplete-comboBox。
另外,挖掘自动填充< ul>并且匹配不同的自动填充框宽度与列表中的值不起作用,因为这些值是动态生成的。
有任何想法吗?