phát hiện nhấp chuột vào một hình ảnh

Question

Tôi cố gắng để tải hình ảnh dynamiaclly và hiển thị chúng như hình dưới đây

 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>"); 
    }); 

Đây là đánh dấu của tôi:

<div id="thumbs" class="imgContain" runat="server"> 
    </div> 

Nếu tôi làm theo cách này trên div nó mang lại cho tôi một cảnh báo nhưng không phải trên hình ảnh nhưng trên div:

$('.imgContain').click(function() { 
    alert('You Clicked Me'); 
    }); 

Và tôi đã cố gắng sử dụng cách này nhưng nó vẫn cho tôi bất kỳ rượu bia nào rt thậm chí không phải trên div cũng.

$('.imgContain a').click(function() { 
     alert('You Clicked Me'); 
}); 

Vậy làm cách nào để thực hiện việc này?

Answer 1

bạn nên sử dụng phương pháp on

$('.imgContain').on("click","a,img", function (e) { 
     e.preventDefault(); 
     alert('You Clicked Me'); 
}); 

Answer 2

Đối với neo <a> s mà bạn nối, youwill cần phải sử dụng .live() để gắn vào nó sự kiện click như:

$('.imgContain a').live("click", function (event) { 
     event.preventDefault(); 
     alert('You Clicked Me'); 
}); 

Answer 3

Đó là một chút khó khăn để biết chính xác DOM của bạn trông như thế nào, nhưng tôi đoán bạn thêm hình ảnh vào div với lớp .imgContain. Nếu bạn muốn thêm một sự kiện click vào những hình ảnh mà bạn có thể làm một cái gì đó như thế này:

$('.imgContain').on("click", "img", function() { 
    alert('You Clicked Me'); 
}); 

Như tôi tin rằng bạn đang thêm những hình ảnh động, bạn nên sử dụng phương pháp .on() để ràng buộc sự kiện nhấp chuột, thay vì sử dụng .click().

Lưu ý Nếu vì lý do nào đó đang sử dụng phiên bản trước của jQuery, bạn có thể thay đổi .on() để sử dụng .live() thay thế.

Answer 4

Tìm hiểu chức năng trực tiếp trong jQuery. và sử dụng mã đó trong mã của bạn ..

jQuery phiên bản 1.4.1 trở lên.

vì các phần tử được đặt trên html động sau khi trang của bạn được tải. Chức năng nhấp chuột không bị ràng buộc.