2015-11-04 32 views
0

JSFiddle为什么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> 

CSS

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

JS

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

当我点击'查看所有'JS添加类'mCustomScrollbar',但客户滚动dosn't工作? 提前预约!

+0

你没给我们上课的自定义代码滚动条。 –

+0

您必须启动滚动条,例如:'$(“。menu”)。mCustomScrollbar();' –

+0

我添加了mCustomScrollbar.css! 再次感谢所有! – canyon

回答

3

开始滚动,像这样: -

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

Fiddle