移动端页面事件委托的坑

今天要给一个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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容