我正在尝试动态加载图像并显示它们,如下所示
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上：
$('.imgContain').click(function () {
alert('You Clicked Me');
});
而且我已经尝试过这种方式,但是它甚至不会给我任何警报.
$('.imgContain a').click(function () {
alert('You Clicked Me');
});
那我该怎么做？
解决方法
你应该使用on方法
$('.imgContain').on("click","a,img",function (e) {
e.preventDefault();
alert('You Clicked Me');
});
