兼容性之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事件


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


分享给朋友:
您可能感兴趣的文章:
随机阅读: