解决美化控件冒泡问题
li有点击事件,input也有自身的点击事件,而且还用了美化控件,所以会产生冒泡,为了方便快捷的解决这个问题,只要再美化控件上方再加一个透明的div遮住控件就好,如图二,代码如下:
<li class="clearfix"> <input type="checkbox" /> <div class="mask-check"></div> </li> <style> .posUL li{z-index:2;} .posUL span.jqTransformCheckboxWrapper{z-index:1;} .posUL li .mask-check{width:40px;height:30px;position:absolute;top:0;left:0; z-index:2;} </style>