3
有人嘗試爲jQuery UI自動填充小部件製作自定義滾動條嗎? 我想使用jScrollPane的jQuery組件與自動完成小部件,但迄今沒有任何成功。 如果有人知道一些jQuery自動完成組件與自定義滾動條,或知道如何更改jquery ui自動填充小部件來支持jscrollpane組件,我將不勝感激。有自定義滾動條的自動完成jquery UI插件
有人嘗試爲jQuery UI自動填充小部件製作自定義滾動條嗎? 我想使用jScrollPane的jQuery組件與自動完成小部件,但迄今沒有任何成功。 如果有人知道一些jQuery自動完成組件與自定義滾動條,或知道如何更改jquery ui自動填充小部件來支持jscrollpane組件,我將不勝感激。有自定義滾動條的自動完成jquery UI插件
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;
},
....
請參閱演示源代碼以獲取完整的工作代碼...謝謝。
我已經更新了演示,我現在沒有時間了,但是有一些CSS調整和一點js它是完美的。讓我知道。 – 2011-03-16 17:08:00
不錯的演示 - 如果它使用新版本的jScrollPane(舊版本不再支持)會更好:http://jscrollpane.kelvinluck.com/ – vitch 2011-03-16 17:33:59
看起來不錯。我會嘗試做同樣的新版本jscrollpane – drak 2011-03-16 17:42:07