Question

我有一个插件可以在图像上创建一个镜头。但是在镜头下方无法使图像可点击

我在jsfiddle上创建了这个来帮助说明问题 http://jsfiddle.net/F9GT5/2/

我需要能够使图像可点击，然后执行一系列操作。

我已经在某些网站上看到过这种情况，例如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;
    });

这个问题让我疯狂了几天，使用cloudzoom插件，看起来他们正在点击镜头到下面的图片。但是如上面的代码所示，点击甚至绑定到图像，但是当你检查元素时，你会将镜头放在图像的顶部

有没有人知道如何解决这个问题？

Answer 1

使用您的插件，以某种方式将图像的选择器存储在div中：

//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 2

我不确定我是否理解你的问题，但我认为你想要的是将“点击”事件添加到你的“镜头”div：

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

jquery - 单击div下面的图像

2 个答案: