jquery 怎样给每个图片添加点击事件?

2025-05-18 08:48:52
推荐回答(3个)
回答1:

img 的 Click 是不受浏览器承认的
试试用
$('img').live('click', function(){
getLocation();

});

function getLocation() {
alert('get');
}

回答2:

$("#tdClass tr td img").click(function() {
getLocation();
});
直接这样就可以了

回答3:

如果图片能显示,但图片的点击事件无效,那肯定是

图片点击事件的代码动态生成图片代码之前

先来个错误的栗子:

// 图片的点击事件
$("img").click(function () {
  console.log("click img");
});

// 添加图片
$("body").append($("").attr("src",url));

这才是正确的:

1.把点击事件放在添加图片后面

// 添加图片
$("body").append($("").attr("src",url));

// 图片的点击事件
// 1.click方法
$("img").click(function () { 
  console.log("click img");
});

// 2.on方法
$("img").on("click",function () { 
  console.log("click img");
});

2.委托其他元素(加载img元素前已存在的元素)触发事件

// 图片的点击事件
$("body").on("click","img",function () {
  console.log("click img");
});

// 添加图片
$("body").append($("").attr("src",url));