Question

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

Answer 1

DEMO： 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;
},
....

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

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

1 个答案: