jquery - 带有自定义滚动条的自动完成 jquery UI 插件

Question

有人尝试为 jquery UI 自动完成小部件制作自定义滚动条吗？我正在尝试将 jScrollPane jquery 组件与自动完成小部件结合使用，但到目前为止还没有成功。如果有人知道一些带有自定义滚动条的 jquery 自动完成组件，或者知道如何更改 jquery ui 自动完成小部件以支持 jscrollpane 组件，我将不胜感激。

Answer 1

• 演示： http ://so.lucafilosofi.com/autocomplete-jquery-ui-plugin-with-custom-scrollbars

• 更新：22/09/2015更新到所有最新版本：jquery 1.11.3、jquery-ui 1.11.4、jScrollPane 2.0.22

....
open: function() {
  $('.ui-autocomplete').width($(this).width());
  if (undefined !== _jScrollPane) {
    _jScrollPaneAPI.destroy();
  }
  $('.ui-autocomplete > li')
    .wrapAll($('<div class="scroll-panel"></div>')
      .width($(this).width())
      .height(_jSheight));
  _jScrollPane = $('.scroll-panel').jScrollPane(settings),
  _jScrollPaneAPI = _jScrollPane.data('jsp');
},
close: function(event, ui) {
  _jScrollPaneAPI.destroy();
  _jScrollPane = undefined;
},
....

请参阅演示源代码以获取完整的工作代码...谢谢。