Bootstrap selectpicker + mCustomScrollbar无法按预期工作

时间:2014-09-12 00:36:01

标签: twitter-bootstrap bootstrap-select custom-scrolling

我正在尝试在bootstrap选择选择器上实现自定义滚动条。但它没有按预期工作。 请找到这里的小提琴

$(objElm).selectpicker({
      size: 4
});

$('.dropdown-menu.inner, objElm').mCustomScrollbar({
    theme:"dark"
});

http://jsfiddle.net/20a66247/2/

非常感谢您的帮助。提前致谢

1 个答案:

答案 0 :(得分:0)

bootstrap样式覆盖和设置超时帮助我实现了我的预期。 PFB更新的小提琴

$('.dropdown-toggle.selectpicker').on('click', function(){ setTimeout(function(){ var jDropdown = $('.dropdown-menu.open '); if(!jDropdown.hasClass("mCustomScrollbar")) { jDropdown.mCustomScrollbar({ axis:"y", autoDraggerLength:false, dropupAuto: false, advanced: { updateOnBrowserResize: true, updateOnContentResize: false, autoScrollOnFocus: false } }); } }, 50); });

http://jsfiddle.net/20a66247/6/