tab bar 嵌套 tab bar的问题

tab bar 嵌套 tab bar的时候内部的tab bar的选项卡的跳转出错，会跳到上一级tab bar 的选项卡```javascript
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<div class="mui-title">
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item" href="#item1mobile">
待办公文
</a>
<a class="mui-control-item" href="#item2mobile">
已办公文
</a>
<a class="mui-control-item" href="#item3mobile">
全部公文
</a>
</div>
</div>
</header>
<div class="mui-content">
<div id="slider" class="mui-slider">
<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
<div id="scroll1" class="mui-scroll-wrapper">
<div class="mui-scroll">
1111
</div>
</div>
</div>
<div id="item2mobile" class="mui-slider-item mui-control-content">
<div id="scroll2" class="mui-scroll-wrapper">
<div class="mui-scroll">
22222
</div>
</div>

                </div>  
                <div id="item3mobile" class="mui-slider-item mui-control-content">  
                    <div id="scroll3" class="mui-scroll-wrapper">  
                        <div class="mui-scroll">  

                            <div style="padding: 10px 10px;">  
            <div id="segmentedControl" class="mui-segmented-control">  
                <a id="a1" class="mui-control-item mui-active" href="#">  
            待办公文（8）  
        </a>  
                <a id="a2" class="mui-control-item" href="#">  
            已办公文  
        </a>  
                <a id="a3"  class="mui-control-item" href="#">  
            全部公文  
        </a>  
            </div>  
        </div>  
        <div>  
            <div id="comment1" class="mui-control-content mui-active">  
                <div id="scroll" class="mui-scroll-wrapper">  
                    <div class="mui-scroll">  
                        <ul class="mui-table-view">  
                            <li class="mui-table-view-cell">  
                                第一个选项卡子项-1  
                            </li>  
                            <li class="mui-table-view-cell">  
                                第一个选项卡子项-2  
                            </li>  
                            <li class="mui-table-view-cell">  
                                第一个选项卡子项-3  
                            </li>  
                            <li class="mui-table-view-cell">  
                                第一个选项卡子项-4  
                            </li>  
                            <li class="mui-table-view-cell">  
                                第一个选项卡子项-5  
                            </li>  
                        </ul>  
                    </div>  
                </div>  
            </div>  
            <div id="comment2" class="mui-control-content">  
                <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">  
                        第二个选项卡子项-1  
                    </li>  
                    <li class="mui-table-view-cell">  
                        第二个选项卡子项-2  
                    </li>  
                    <li class="mui-table-view-cell">  
                        第二个选项卡子项-3  
                    </li>  
                </ul>  
            </div>  
            <div id="comment3" class="mui-control-content">  
                <ul class="mui-table-view">  
                    <li class="mui-table-view-cell">  
                        第三个选项卡子项-1  
                    </li>  
                    <li class="mui-table-view-cell">  
                        第三个选项卡子项-2  
                    </li>  
                    <li class="mui-table-view-cell">  
                        第三个选项卡子项-3  
                    </li>  
                </ul>  
            </div>  
        </div>  

                        </div>  
                    </div>  

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