jQuery放大镜和点击活动

Question

我目前使用放大镜插件放大设置为图像映射的大型组织图片。通常，当用户点击这个图像地图的一部分时，它们会被重定向，不幸的是，我找不到一种方法可以让放大镜响应用户点击图像地图上的链接。任何建议将不胜感激！

谢谢！

Answer 1

我并不熟悉那个特殊的插件，但是你不能简单地附上你自己的click事件处理程序吗？

鉴于这种标记（基于在the plugin's GitHub repo演示）：

<div> 
    <a class="demo" href="path/to/some/url"> 
     <img src="path/to/image" width="191" height="240" /> 
    </a> 
    <img class="demo" src="path/to/image" width="191" height="240" /> 
</div> 

您可以附加一个单击处理程序是这样的：

$(function(){ 
    $('a.demo').on('click', function(e){ 
     // prevent the link from going anywhere (if that's what you want) 
     e.preventDefault(); 

     // do something else... 
     alert('The Loupe link was clicked!'); 
    }); 
}); 

编辑补充，如果你有工作图像地图，您可以简单地将单击事件处理程序附加到<area>元素，如下所示：

$('area').on('click', function(e){ 
    // stuff here 
}); 

Answer 2

这是老问题，但答案很简单： -

只是附加一个事件监听器类.loupe

$('.loupe').on('click', function (e) { 
    e.preventDefault(); 
    alert('The Loupe link was clicked!'); 
}); 

Answer 3

如果你想放大镜去定位标记父原来的img标签，然后尝试这一点，如果这不起作用，向所有原始图像添加一个类，并在img之前添加到选择器。

$('.loupe').click(function(){ 
     $("img[src='"+$(this).find('img').attr('src')+"']").parent()[0].click(); 
});