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>");
});
This is my markup:
<div id="thumbs" class="imgContain" runat="server">
</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');
});
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');
});
So how do I do this?
Best Answer
you should use the
on
method