内容滚动的简单选项卡

时间:2013-08-04 20:31:46

标签: jquery jquery-ui

我使用jQuery custom content scroller的通用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);

感谢。

1 个答案:

答案 0 :(得分:1)

这是因为您只在$(window).load上添加了一个滚动条。您需要添加功能以补偿更改标签,例如:

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

Updated jsFiddle