为什么addClass()不起作用?使用mCustomScrollbar

Why addClass() is not working? Use mCustomScrollbar

本文关键字:使用 mCustomScrollbar 不起作用 addClass 为什么      更新时间:2023-09-26

JSFiddle

HTML

<ul class="menu" data-mcs-theme="dark">
  <li><a href="#" id="view-all">View All</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li> 
  <li><a href="#">Test</a></li>  
</ul>

CSS

.menu {
    height: 100px;
    overflow: hidden;
}
.menu li {
    list-style: none;
}

JS

$('#view-all').click(function(){
   $('.menu').addClass('mCustomScrollbar');
});

当我点击"查看所有"JS添加类"mCustomScrollbar",但自定义滚动不起作用?Т提前感谢所有人!

启动滚动条,如下所示:-

$('#view-all').click(function(){
    $(".menu").mCustomScrollbar();
}); 

Fiddle