在IOS版微信端,点击网页中的箭头,弹出下拉菜单(如图)
发现点击后比较难触发点击的事件,点了之后弹出菜单响应不灵敏
代码截图:
photo_fun元素是触发事件元素,开始的时候用click事件
//点击显示删除屏蔽按钮 $('#listbox, #msgbox').on('click' , '.photo_fun' , function() { $('#listbox, #msgbox').find('.photo_funlist').hide(); $(this).parent().parent().find('.photo_funlist').show(); return false;//防止冒泡 });
后来就改用了touchstart,
//点击显示删除屏蔽按钮 $('#listbox, #msgbox').on('touchstart' , '.photo_fun' , function() { $('#listbox, #msgbox').find('.photo_funlist').hide(); $(this).parent().parent().find('.photo_funlist').show(); return false; });
稍微好了一点点,事实上IOS的问题还是存在
请问各位前端高手,我在处理这个效果上是否存在一些问题,是我个人疏忽了,导致问题的出现,还是其他的什么原因?