zepto tap “点透”的解决

触发点透事件的原因：
由于两个div重合，例如：一个div调用show()，一个div调用hide()，这个时候当点击上层的div($up)的时候就会影响到下层的那个div($down)，使其也触发相应的事件。

解决办法：
（1）
github上fastclick库，它也能规避移动设备上click事件的延迟响应，https://github.com/ftlabs/fastclick
将它用script标签引入页面（该库支持AMD，于是你也可以按照AMD规范，用诸如require.js的模块加载器引入），并且在dom ready时初始化在body上，如：

$(function(){

    new FastClick(document.body);

})

然后给需要“无延迟点击”的元素绑定click事件（注意不再是绑定zepto的tap事件）即可。
当然，你也可以不在body上初始化它，而在某个dom上初始化，这样，只有这个dom和它的子元素才能享受“无延迟”的点击
进一步，对于zepto，如果你打算继续使用它，那么它的tap相关事件已经没有用了，我们可以自己build一个无“touch”模块的zepto，以便减小zepto文件的大小和提高运行效率。zepto的github页面有定制化模块的方法，见https://github.com/madrobby/zepto的building部分。

例：npm install fastclick后引入

（2）

思路是优先触发上层事件，让上层事件快于下层事件的触发，并阻止默认事件。

1.一个优先于下面的捕获的事件
2.并且通过这个事件阻止掉默认行为（下面的对click事件的捕获，在ios的safari，click的捕获被认为和滚屏、点击输入框弹起键盘等一样，是一种浏览器默认行为，即可以被event.preventDefault()阻止的行为）。

例如，将tap事件改为touchend，这样就直接在上层元素被捕获，而不是在body上才被捕获了，满足了1；再在内部使用preventDefault()解决了2，代码如下：

$up.on('touchend',function(e){ // 改变了事件名称，tap是在body上才被触发，而touchend是原生的事件，在dom本身上就会被捕获触发     

     $up.hide()     ;

     e.preventDefault(); // 阻止“默认行为”

})

（3）

延迟一定的时间(300ms+)来处理事件

$("#test").on("tap", function (event) {

       setTimeout(function(){

       //自己想做的操作

     },320);

 });