jScrollPane不引導引導3下拉

Question

我想在引導下拉顯示垂直滾動。這是我的HTML代碼

<div class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle btn_drop_down" data-toggle="dropdown"><span class="pull-left">Dropdown</span> <span class="caret arrow pull-right"></span></button> 
    <div class="dropdown-menu my_dropdown" role="menu"> 
    <ul> 
     <li><a href="#" class="first">Item 1</a></li> 
     <li><a href="#">Item 2</a></li> 
     <li><a href="#">Item 3</a></li> 
     <li><a href="#">Item 4</a></li> 
     <li><a href="#">Item 5</a></li> 
     <li><a href="#">Item 6</a></li> 
    </ul> 
    </div> 
</div> 

我知道JScrollPane中不會對隱藏內容，所以我用下面的jQuery代碼用於此目的

$(function() 
{ 
    //$('.my_dropdown').jScrollPane(); //does not work 
    $('.dropdown-toggle').click(function(){ 
     //$('.my_dropdown').dropdown('toggle').jScrollPane(); //does not work 
     //$('.my_dropdown').dropdown().jScrollPane(); //only shows dropdown but without scrollbar 
     $('.my_dropdown').dropdown().show().jScrollPane(); //works but dropdown does not close 

    }); 

}); 

只持續JavaScript語句正在工作，但它不是確實接近下拉菜單。無論如何，我可以解決這個問題嗎？

Answer 1

我能夠自己解決它。如果有人需要它，這是解決方案！

$('.dropdown-toggle').click(function(){ 
    var element = $('.my_dropdown').dropdown().jScrollPane({'autoReinitialise':true, 'autoReinitialiseDelay':true, 'animateScroll': true}); 
    element.reinitialise(); 

});