Javascript jScrollPane在Bootstrap 3下拉列表中未运行

我试图在引导下拉列表中显示垂直滚动。这是我的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>

---

只有最后一个javascript语句在工作，但它不会关闭下拉菜单。有什么办法可以解决这个问题吗？

我自己解决了。如果有人需要，这里有一个解决方案

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

});

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

});