移动端页面事件委托的坑

今天要给一个js动态生成的元素绑定事件，在web端测完之后，发现在手机上没有效果。
在网上搜索找到了解决办法，推荐使用 给目标元素添加一条css样式 cursor:pointer 的方法

      <!--商品详情-->
      <div class="tab-cont pro-intro" style="display: block;">
        <!--ajax load-->
      </div>

.tab-cont.pro-intro img, .anmi-img {
    width: 100%;
    height: 100%;
    display: block;
/*给目标元素添加一条css样式 cursor:pointer */
    cursor:pointer;
}

//查看单个图片
  $(document).delegate(".pro-intro img","click",function(){
    var _src = $(this).attr('src')
    // console.log(_src)
    bigImg(_src)
  })
  $(document).delegate(".anmi-img","click",function(){
    // console.log('click')
    layer.closeAll()
  })
  function bigImg(src) {
    layer.open({
      type: 1
      , content: '<img class="anmi-img" src="' + src + '">'
      , anim: 'up'
      , style: 'position:fixed;  width: 100%;height:0;left:0;top:0;'
    });
  }
  //查看单个图片 end

---

参考

iOS中jQuery 的delegate 事件监听无效解决办法

Jquery事件委托之Safari