检测单击图像
问题描述:
我正在尝试动态加载图片并显示如下所示
I am trying to load images dynamiaclly and displaying them as shown below
var uploader = $('#<%=uploader.ClientId%>').plupload('getUploader');
uploader.bind('FileUploaded', function (up, file, res) {
$('#<%=thumbs.ClientId%>').append("<div id=" + file.id + ">
<a href='Uploads/" + document.getElementById("<%=currentDirectory.ClientId%>").value + "/" + file.name + "'/>
<img src='Uploads/" + document.getElementById("<%=currentDirectory.ClientId%>").value + "/" + file.name + "' width='70' height='55' data-full='Uploads/" + document.getElementById("<%=currentDirectory.ClientId%>").value + "/" + file.name + "'/></div>");
});
这是我的加价:
<div id="thumbs" class="imgContain" runat="server">
</div>
如果我在div上这样做,它会给我一个警报但不是在图像上而是在图像上div:
If I do this way on the div it gives me an alert but not on the image but on the div:
$('.imgContain').click(function () {
alert('You Clicked Me');
});
我尝试过使用这种方式,但它不会给我任何警报,甚至连div也没有。
And I have tried using this way but it dosent give me any alert not even on the div also.
$('.imgContain a').click(function () {
alert('You Clicked Me');
});
那我该怎么做?
答
你应该在方法上使用
you should use the on
method
$('.imgContain').on("click","a,img", function (e) {
e.preventDefault();
alert('You Clicked Me');
});