2011-03-16 10 views
3

jquery UIオートコンプリートウィジェットのカスタムスクロールバーを作成しようとしましたか? jScrollPane jqueryコンポーネントをオートコンプリートウィジェットと組み合わせて使用​​しようとしていますが、これまでのところ成功しませんでした。 カスタムスクロールバーでjqueryオートコンプリートコンポーネントを知っている人や、jscrollpaneコンポーネントをサポートするためにjquery UIオートコンプリートウィジェットを変更する方法を知っている人は、感謝します。カスタムスクロールバーでオートコンプリートjquery UIプラグイン

答えて

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

デモのソースコードを参照してください。完全な作業コード...ありがとうございます。

+0

私はデモを更新しましたが、今は時間がありませんが、いくつかのCSSの調整と少しのjsで完璧です。お知らせ下さい。 –

+0

ニースのデモ - jScrollPaneの新しいバージョンを使用した方が良いでしょう(古いバージョンはもはやサポートされていません):http://jscrollpane.kelvinluck.com/ – vitch

+0

いいね。私はjscrollpaneの新しいバージョンで同じことをしようとします – drak

関連する問題