mui-slider结合mui-scroll后slide事件不起作用

DOM结构如下：
<div class='mui-slider mui-fullscreen'>
<div class='mui-scroll-wrapper mui-slider-indicator mui-segemented-control mui-segemented-control-inverted'>
<div class='mui-scroll'>
<a class='mui-control-item' href='#item1'>

    </div>  
</div>  
 <div class='mui-slider-group'>  
     <div class='mui-slider-item mui-control-content mui-active'>  
       <div class='mui-scroll-wrapper'>  
           <div class='mui-scroll'>  
            <ul>....</ul>  
           </div>  
       </div>  
     </div>   
     <div class='mui-slider-item mui-control-content mui-active'>  
       <div class='mui-scroll-wrapper'>  
           <div class='mui-scroll'>  
            <ul>....</ul>  
           </div>  
       </div>  
     </div>   
</div>  

</div>

document.querySelect('.mui-slider').addEventListener('slide',function(e){
。。。。
})
上面这个侧滑事件不起作用，路过的大神麻烦指教一下