jquery - カスタムスクロールバーを備えたオートコンプリートjqueryUIプラグイン

Question

誰かがjqueryUIオートコンプリートウィジェットのカスタムスクロールバーを作成しようとしましたか？jScrollPane jqueryコンポーネントをオートコンプリートウィジェットと組み合わせて使用​​しようとしていますが、これまでのところ成功していません。カスタムスクロールバーを使用したjqueryオートコンプリートコンポーネントについて知っている人、またはjscrollpaneコンポーネントをサポートするようにjquery uiオートコンプリートウィジェットを変更する方法を知っている人がいれば、それをいただければ幸いです。

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

完全に機能するコードについては、デモのソースコードを参照してください...ありがとうございます。