jquery - div 아래 이미지 클릭

Question

이미지 위에 렌즈를 만드는 플러그인이 있습니다. 렌즈

아래에 내가 문제를 그때 일련의 작업을 수행 할 수 클릭 할 수있는 이미지를 만들 수 있어야합니다 http://jsfiddle.net/F9GT5/2/

을 설명하기 위해 jsfiddle에이를 만들 때 그러나 이미지를 클릭 할 수 없습니다.

가 연결되는 링크를 클릭하는 것처럼 나는 그런이 문제는 cloudzoom 플러그인을 현재 며칠 나를 미치게되었습니다 여기 http://www.starplugins.com/cloudzoom

$('#myCloudZoom').bind('click',function(){  // Bind a click event to a Cloud Zoom instance. 
     var cloudZoom = $(this).data('CloudZoom'); // On click, get the Cloud Zoom object, 
     cloudZoom.closeZoom();      // Close the zoom window (from 2.1 rev 1211291557) 
     $.fancybox.open(cloudZoom.getGalleryList()); // and pass Cloud Zoom's image list to Fancy Box. 
     return false; 
    }); 

이대로 일부 사이트에서 수행 보았다

것 같습니다 아래 이미지에 렌즈. 그러나 위의 코드에서 볼 수 있듯이 클릭은 이미지에 바인딩되지만 요소를 검사하면 렌즈가 이미지 상단에 표시됩니다.

이 문제를 해결하는 방법에 대한 아이디어가 있습니까? 내가 문제를 이해 있는지 확실하지 않습니다,하지만 난 당신이 원하는 것은 "클릭을 추가하는 것입니다 생각

//Inside the plugin, creating the lens; add attribute for image 
$("<div>").data('image', this) 
//Then bind a click event to the div to trigger a click on the image: 
    .click(function() { 
     $(this).data('image').trigger('click'); 
    }); 

Answer 1

, 어떻게 든 사업부에서 이미지의 선택을 저장 "이벤트"귀하의 "렌즈"div :

$(".lens").click(function(){ 
alert("click lens");  
}); 

Answer 2

: 플러그인을 사용하여

는