jquery 单击div下面的图像

z4iuyo4d 于 2022-11-03 发布在 jQuery

关注(0)|答案(2)|浏览(171)

我有一个插件，它创建了一个镜头的图像，但不能使图像点击时，镜头下。
我在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插件，看起来像是通过透镜点击到下面的图像。但是如上面的代码所示，点击甚至是绑定到图像上的，但是当你检查元素时，你会看到镜头在图像的顶部。
有人知道如何解决这个问题吗？

jquery

来源：https://stackoverflow.com/questions/13906426/clicking-an-image-underneath-a-div

2条答案

按热度按时间

3bygqnnd1#

使用插件，以某种方式将图像的选择器存储在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');
   });

赞(0）回复(0）举报 2022-11-03

hm2xizp92#

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

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

赞(0）回复(0）举报 2022-11-03

我来回答

jquery 单击div下面的图像

2条答案

相关问题

热门标签

最新问答