有自定義滾動條的自動完成jquery UI插件

Question

有人嘗試爲jQuery UI自動填充小部件製作自定義滾動條嗎？ 我想使用jScrollPane的jQuery組件與自動完成小部件，但迄今沒有任何成功。 如果有人知道一些jQuery自動完成組件與自定義滾動條，或知道如何更改jquery ui自動填充小部件來支持jscrollpane組件，我將不勝感激。

Answer 1

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

• 更新日期：22/09/2015更新到所有最新版本：1.11.3的jQuery和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; 
}, 
.... 

請參閱演示源代碼以獲取完整的工作代碼...謝謝。