用于jQuery UI自动完成的自定义滚动条

我一直在尝试向jQueryUIAutoComplete小部件添加自定义滚动条。基于，我尝试使用jScrollpane（尽管我更喜欢较轻的解决方案，如sbscroller 8k或tinyscrollbar 3k）

对于我来说，当前版本的脚本不起作用。这似乎可行，但：

A） 第一次尝试时，键入Z，列表不会过滤&滚动显示所有项目。 B） 如果退格并键入新字母，滚动条将消失

$("#countries").autocomplete({
    source: countryList,
    open: function(event, ui) {
          $('.ui-autocomplete').jScrollPane();
    },
    close: function(event, ui) {
          $('.ui-autocomplete').jScrollPaneRemove();
    }
});

小提琴：

---

我在Fiddle中包含了一个滚动测试。

您可以使用它来限制结果，这样滚动条就没有必要了。这是可能的，但我正在编写一个jQuery UI主题，所以我不一定能控制它。就我个人而言，我可能会切换到，因为我更喜欢结果。嗨，詹妮弗，你找到解决方案了吗？还是你切换到了jQuery Selected？对于简单列表，我切换到Selected，对于查询数据库的列表，选择2。