使用自定义滚动条自动完成jquery UI插件

Question

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

Answer 1

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

• 更新时间:2015年9月22日更新至所有最新版本: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;
},
....

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