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

Question

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

Answer 1

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

• UPDATED: 22/09/2015 updated to all latest versions: 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;
},
....

Please refer to the demo source code for full working code... thanks.