<div class="mui-content"> <div id="slider" class="mui-slider mui-fullscreen"> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a id="tab_football" class="mui-control-item mui-active" href="#tab_1"> 竞彩足球 </a> <a id="tab_basketball" class="mui-control-item" href="#tab_2"> 竞彩篮球 </a> </div> </div> <div class="mui-slider-group"> <div id="tab_1" class="mui-slider-item mui-control-content mui-active"> <div id="scroll1" class="mui-scroll-wrapper"> <div class="mui-scroll"> <div class="match-list"> <!--<div class="time">周日 2018-03-18 共54场比赛</div> <div class="match-detail"> <div class="match-type"> <span class="match-country">英超</span> <span class="match-code">021</span> <span>23:59截止</span> </div> <div class="match-info"> <div class="match-team"> <span>[主]曼联</span>VS <span>[客]皇家马德里</span> </div> <div class="match-peilv"> <table> <tbody><tr> <td class="home_peilv">0</td> <td class="home"> <span>主胜</span> <div class="num">1.98</div> </td> <td class="home"> <span>平</span> <div class="num">1.38</div> </td> <td class="home"> <span>客胜</span> <div class="num">1.68</div> </td> <td rowspan="2" >展开全部</td> </tr> <tr> <td>-1</td> <td class="home"> <span>主胜</span> <div class="num">1.25</div> </td> <td class="home"> <span>平</span> <div class="num">1.87</div> </td> <td class="home"> <span>客胜</span> <div class="num">1.87</div> </td> </tr> </tbody></table> </div> </div> </div>--> </div> </div> </div> </div> <div id="tab_2" class="mui-slider-item mui-control-content"> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <div class="match-list"> <!-- <div class="time">周日 2018-03-18 共54场比赛</div> <div class="match-detail"> <div class="match-type"> <span class="match-country">英超</span> <span class="match-code">021</span> <span>23:59截止</span> </div> <div class="match-info"> <div class="match-team"> <span>[主]曼联</span>VS <span>[客]皇家马德里</span> </div> <div class="match-peilv"> <table> <tbody> <tr> <td class="home_peilv">0</td> <td class="home"> <span>主胜</span> <div class="num">1.98</div> </td> <td class="home"> <span>平</span> <div class="num">1.38</div> </td> <td class="home"> <span>客胜</span> <div class="num">1.68</div> </td> <td rowspan="2" class="showAllPlay">展开全部</td> </tr> <tr> <td>-1</td> <td class="home"> <span>主胜</span> <div class="num">1.25</div> </td> <td class="home"> <span>平</span> <div class="num">1.87</div> </td> <td class="home"> <span>客胜</span> <div class="num">1.87</div> </td> </tr> </tbody> </table> </div> </div> </div> --> </div> </div> </div> </div> </div> </div> </div>
//选择卡 切换事件 document.getElementById('slider').addEventListener('slide', function(e) { if (e.detail.slideNumber === 0) { //足球 }else{ //篮球 } });