2014-01-29 86 views
0

我想在引导下拉显示垂直滚动。这是我的HTML代码jScrollPane不引导引导3下拉

<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语句正在工作,但它不是确实接近下拉菜单。无论如何,我可以解决这个问题吗?

回答

1

我能够自己解决它。如果有人需要它,这是解决方案!

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

});