2

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

我在 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 插件，似乎他们正在通过镜头点击下图。但是如上面的代码所示，点击甚至绑定到图像，但是当你检查元素时，你会得到镜头在图像的顶部

有人对如何解决这个问题有任何想法吗？

4

2 回答 2

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');
   });
于 2012-12-16T23:21:41.597 回答
0

我不确定我是否理解您的问题，但我认为您想要将“click”事件添加到您的“lens”div：

$(".lens").click(function(){
alert("click lens");    
});
于 2012-12-16T23:23:46.337 回答