jquery - 触发图像地图区域的点击行为

Question

我设置了一个图像映射，并且图像映射中的每个区域都定义了一个 href。区域上的 href 包含指向我的应用程序中其他页面的 URL。我生成了一个小列表（ul，li），其中列出了区域标签的名称属性。我希望动态生成的 ul/lis 模仿区域标签的点击行为。为此，我设置了以下 jquery -

 $('li').click(function(e){
       $('area[name='+$(this).html()+']').trigger('click');
 });

但上述仅适用于 ie6+。ff 不会触发点击事件。我也尝试了 click() 变体，但无济于事。

期待一些帮助。

谢谢 ：）

Answer 1

在 FireFox 的情况下，触发 click 事件会触发绑定到元素的 onClick 处理程序（在本例中是您的 li 元素），但实际上并不跟随链接。据我了解，您希望点击跟随与 li 元素关联的区域的链接

试试这个，这会获取关联区域的 href 属性并使用 javascript 重定向

$('li').click(function(e){
    var $area = $('area[name='+$(this).html()+']');
    var url = $area.attr("href");
    document.location.href = url;
});