2015-11-04 38 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