2011-03-16 7 views
3

누군가 jquery UI 자동 완성 위젯 용 사용자 정의 스크롤바를 만들려고 했습니까? jScrollPane jquery 구성 요소를 자동 완성 위젯과 함께 사용하려고했지만 지금까지 성공하지 못했습니다. 누군가 jquery 자동 완성 컴포넌트를 사용자 정의 스크롤바로 알고 있거나 jqurollpane 컴포넌트를 지원하도록 jquery ui autocomplete widget을 변경하는 방법을 알고 있다면 감사하게 생각합니다.사용자 정의 스크롤바로 자동 완성 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; 
}, 
.... 
,536,

전체 작업 코드를 보려면 데모 소스 코드을 참조하십시오 ... 감사합니다.

+0

데모를 업데이트했는데 지금은 시간이 없지만 약간의 CSS 조정과 약간의 js로 완벽 해졌습니다. 저에게 알려주세요. –

+0

멋진 데모 - 새 버전의 jScrollPane (이전 버전은 더 이상 지원되지 않음)을 사용한 경우 더 좋을 것입니다. http://jscrollpane.kelvinluck.com/ – vitch

+0

멋지게 보입니다. 나는 jscrollpane – drak