Select2 및 jScrollPane

Question

Select2를 jScrollPane과 결합하는 방법은 무엇입니까?

내가이 함께했다 :

$("select").select2({ 
    width: "300px" 
}); 

$(document).on("select2-open", "select", function() { 
    $('.select2-results').jScrollPane({ 
     'mouseWheelSpeed': 40 
    }); 
}); 

$(document).on("select2-close", "select", function() { 
    $('.select2-results').data('jsp').destroy(); 
}); 

http://jsfiddle.net/b8LZJ/29/

하지만 (폐쇄 장치) 사용 후 한번, 선택 2가 작동을 중지

(옵션을 선택할 수 없습니다). 문제를 해결할 수있는 방법이 있습니까? 그리고 정말 다른 jScrollPane 플러그인이 필요합니다.

UPDATE 1 :

내가 그것을 드롭 가까이에 선택 2를 reinitialising에 의해 작동하도록 관리,하지만 난이 일을 더 나은 방법이 있기를 바랍니다. http://jsfiddle.net/b8LZJ/35/

Answer 1

$(document).on("select2-close", "select", function() { 
    $('.select2-results').data('jsp').destroy(); 
    $("select").select2(); 
}); 

당신은 업데이트해야합니다;

$('.select2-results').jScrollPane({ 
      'mouseWheelSpeed': 40 
     }); 

$(this).parent(".select2-drop").jScrollPane({ 
      'mouseWheelSpeed': 40 
     }); 

에 당신은 잘못된 요소가 JScrollPane를 적용하고 있습니다. jsfiddle