switch 开关在off-canvas侧滑菜单中使用时无法点击

侧滑菜单中添加了几个switch 开关时无法点击。在主页面添加的都可以正常点击 请问要怎么解决

<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-slide-in">  
        <!-- 菜单容器 -->  
        <div id="offCanvasSide" class="mui-off-canvas-right">  
            <div id="offCanvasSideScroll" class="mui-scroll-wrapper">  

                <div class="mui-scroll">  
                    <div style="height:45px; line-height:45px;font-size:12px; padding-left:15px;">  
                        图层控制  
                    </div>  
                    <ul id="op-layers" class="mui-table-view">  

                        <li class="mui-table-view-cell">  
                            <img src="imgs/icon-lk.png" style="width:32px;" />  <span style="display: block;position: absolute;top: 30%;margin-left: 40px;">  
                                路况  
                            </span>  
                            <div class="mui-switch" data-switch="3">  
                                <div class="mui-switch-handle"></div>  
                            </div>  
                        </li>  
                        <li class="mui-table-view-cell">  
                            <img src="imgs/icon-tcc.png" style="width:32px;" />  <span style="display: block;position: absolute;top: 30%;margin-left: 40px;">  
                                停车场  
                            </span>  
                            <div class="mui-switch" data-switch="4">  
                                <div class="mui-switch-handle"></div>  
                            </div>  
                        </li>  

                    </ul>  
                </div>  
            </div>  
        </div>  

        <header class="mui-bar mui-bar-nav">  
            <a style="font-size: 18px;margin-top: 5px;" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">示例</a>  
            <a class="mui-icon mui-icon-map mui-pull-right"></a>  
        </header>  

        <!-- 主页面容器 -->  
        <div class="mui-inner-wrap">  

            <div style="padding:5px;  position: absolute; width:100%; top:5px; z-index: 9999; ">  
                <div class="mui-input-row ">  
                    <input type="search" class="mui-input-clear" placeholder="搜索">  
                </div>  
            </div>  
            <div class="mui-switch">  
                <div class="mui-switch-handle"></div>  
            </div>  
            <div class="mui-switch">  
                <div class="mui-switch-handle"></div>  
            </div>  

        </div>  

        <div class="mui-off-canvas-backdrop"></div>  

    </div>