autocomplete jquery

Complemento de Autocompletar jquery UI con barras de desplazamiento personalizadas

Question

¿Alguien intentó crear barras de desplazamiento personalizadas para el widget de autocompletar de la interfaz de usuario jquery? Estoy intentando usar el componente jquery jScrollPane en combinación con el widget de autocompletar, pero hasta ahora no he tenido éxito. Si alguien sabe acerca de algún componente de autocompletar jquery con barras de desplazamiento personalizadas, o sabe cómo cambiar el widget de autocompletar de jquery ui para que admita el componente jscrollpane, lo agradecería.

Answer 1

• DEMO: http://so.devilmaycode.it/autocomplete-jquery-ui-plugin-with-custom-scrollbars

• ACTUALIZADO: 22/09/2015 actualizado a todas las versiones más recientes: 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;
},
....

Por favor, consulte el código fuente de la demostración para ver el código de funcionamiento completo ... gracias.