代码描述:苹果手机 on绑定click 事件失效 解决方案。苹果手机on绑定click事件失效解决方案
用一个div当做了一个按钮来使用:
<script> <div class="button"> <div class=" next_button button_left btn_red" style="width: 345px;">下一步</div> </div> </script>
因为是动态添加的内容,所以想要使用click事件,需要给他用on绑定一下:
<script> $(document).on("click", ".next_button", function () { alert(); }); </script>
这个时候,使用苹果手机访问的时候,无论如何点击“下一步”,都没有任何反应,可是在安卓和各种模拟器中一切正常。 后来经过查找资料才知道,苹果有这么个设置: 对于点击的对象,拥有cursor:pointer这个样式的设置。 也就是说,鼠标放上去,能够出现“手”型的图标才被认作可以使用点击事件,于是果断增加了样式:
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能