/*
HeapBox 0.9.4
(c) 2013 Filip Bartos
*/
_setEvents: function() {
var self = this;
this._setControlsEvents();
$(document).on("click", "html", function(e){ e.stopPropagation();self._closeheap(true,function(){},function(){});});
},
背景知识
HTML页面中引入jquery及插件heapbox,但是在IOS设备上菜单展开后无法收起来。
问题现象
点击菜单可以展开,点击空白区域无法收起。
影响范围
页面UI效果
问题原因
IOS上,给window ,html,document,body绑定click事件,点击不会触发
问题分析过程
1. 查看源码,找到事件注册的代码进行调试
2. 无法触发html的click事件
解决办法
$('*').on('click', function() {})
在所有子元素绑定一个空事件,自动冒泡到HTML
后续处理措施
经验教训
整理移动H5开发相关坑
RCA类型
兼容问题