jquery - 带有内容滚动的简单选项卡

Question

我使用带有 jQ​​uery自定义内容滚动器的通用 jqueryUI 选项卡，它仅适用于第一个选项卡，请帮助我修复此代码 - jsFiddle 此代码

 (function($) {
   $(function() {
     $('ul.tabs').delegate('li:not(.current)', 'click', function() {
       $(this).addClass('current').siblings().removeClass('current')
         .parents('div.section').eq(0).find('>div.box').hide().eq($(this).index()).show();
     })

   })
  })(jQuery);   
  (function($){
    $(window).load(function(){
           $('.scroller').mCustomScrollbar({
        autoHideScrollbar:true
                });
            });
   })(jQuery);

谢谢。

Answer 1

这是因为您只在$(window).load. 您还需要添加功能以补偿更改的选项卡，如下所示：

(function($){
    $('.tabs').click(function() {
        $('.scroller').mCustomScrollbar("destroy");
        $('.scroller').mCustomScrollbar({
            autoHideScrollbar:true
        });
    });
})(jQuery);

更新了 jsFiddle