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