工作上遇到一个问题
手机移动端app，采用mui框架，要求左边是手机号码，右边是switch开关，并且点击标题的时候，可以展开下面人员的基本信息。
采用了折叠面板。
先上图如下：
开始时出现的问题是：点击右侧开关按钮，也会联动把基本信息打开，不想这样，想要点击开关按钮与折叠面板没有关系，就需要取消点击冒泡操作；
关键代码如下
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-collapse">
<a >郑东新区雅居乐国际花园</span>
</div>
</div>
</li>
</ul>
</div>
</li>
</ul>
最后在页脚加上如下代码：
<script src="../src/component/mui/examples/hello-mui/js/mui.min.js"></script>
<script src="../src/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(".mui-switch").on("tap",function(event){
event.stopPropagation();
})
</script>
ok! 满足需求了。