兼容性之IOS下label 无法点击

今天做移动端的页面时碰到一个稀奇的问题，那就是点击label无法选中与之相关的checkbox，下面是问题代码：

    <li class="list-item clearfix notify-toggle">

        <label class="setting-title">新消息通知</label>



        <div class="toggle-box">

            <input id="btn_setting_toggle" type="checkbox">



            <label class="toggle-ui" for="btn_setting_toggle"></label>

        </div>

    </li>

此时出现的问题是，在ios4下不论何种浏览器都会出现点击label无法选中checkbox的情况，其他系统或手机都能正常。

最终解决：最后在万能的stackoverflow下找到了答案：HTML <label> command doesn't work in Iphone browser，其实就是添加一个空的click事件。改好的代码：

<label class="toggle-ui" for="btn_setting_toggle" onclick=""></label>//添加空的click事件

最大的感慨还是：你现在踩到的坑其实许多前辈已经踩过，所以要走的还有很多！