最近做的一个项目,开发H5页面,然后适配运行在andriod和ios上。
一个查看原卷的弹框,点击按钮后会弹出一张居中的图片,并且有全屏遮罩。现在的需求是点击遮罩弹框关闭。外面的div是遮罩,点击事件委托在document上,
像这样: $(document).on("click","#lookOriginalImg",function(){ ..关闭..})
在web和Android上都没问题,能够正常关闭。然而在ios上无法关闭。原因是:ios 上事件委托不能绑定在document和ios上,应该绑定在它的其它父级元素上。
另外一个问题: 经常在ios上一个按钮点不了,像这样<span>按钮</span>, 原因是语义化的问题,可以用a标签或者button,,解决办法:加样式:cursor:pointer;
<div id="lookOriginal" class="look-original">
<div id="lookOriginalImg"><img src="test.png"></div>
</div>
第一次写博客,表达不清楚呀