Javascript 为什么addClass（）不起作用？使用mCustomScrollbar

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>

JS

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

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

当我点击“查看所有”时，JS添加类“mCustomScrollbar”但custome滚动不起作用？

---

祝大家万事如意

启动滚动条，如下所示：-

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

---

启动滚动条，如下所示：-

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

---

您没有为我们提供类自定义滚动条的代码。您必须启动滚动条，如：

$（“.menu”）.mCustomScrollbar（）我添加mCustomScrollbar.css！再次感谢大家@SujataChanda它工作得很好，感谢您没有给我们类自定义滚动条的代码。您必须启动滚动条，如：
$（“.menu”）.mCustomScrollbar（）我添加mCustomScrollbar.css！再次感谢大家@SujataChanda很好用谢谢