我使用以下代码动态创建多个图像:
function refresh_gallery(galleryidentifier, albumid) {
$.ajax({ type: "POST", url: "/Photos/Thumbnails/" + albumid + "/", data: {}, success: function(msg) {
try {
var fotos = eval(msg); $(galleryidentifier).empty(); if (fotos.length == 0) { $(galleryidentifier).html("Press "Add files..." and select files to upload!"); return true; }
for (var f in fotos) {
//this image needs the onclick eventhandler
$(document.createElement("img")).attr({ src: '/images/delete.gif', title: 'Delete ' + fotos[f].Title }).addClass("icon_delete").appendTo(galleryidentifier); ;
$(document.createElement("img")).attr({ src: fotos[f].ThumbnailPath, title: fotos[f].Title }).addClass("thumbnail").appendTo(galleryidentifier);
}
var del_div = $(document.createElement("div")).css({ "padding": "4px" }).appendTo(galleryidentifier);
var delete_span = $(document.createElement("span")).click(delete_files(albumid)).css({ "cursor": "pointer", "font-size": "12px" }).appendTo(del_div);
$(document.createElement("img")).attr({ "src": "/Content/images/delete.png" }).appendTo(delete_span);
$(document.createTextNode("delete all")).appendTo(delete_span);
return true;
}
catch (e) {
alert(e);
}
alert("Refresh error!");
}, error: function() { alert("Refresh error!"); }
});
}
图像的生成工作正常,但我想向生成的第一个图像添加一个 onclick 事件处理程序(请参阅代码中的注释)。 我该怎么做呢?我对 JQuery 还很陌生。
谢谢!
最佳答案
$(document.createElement("img"))
.attr({ src: '/images/delete.gif', title: 'Delete ' + fotos[f].Title })
.addClass("icon_delete")
.appendTo(galleryidentifier)
.click(function(){
// Do something
})
关于JQuery - 添加 onclick 到动态生成的 img 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/866252/