触发图像映射区域的点击行为

时间:2010-06-03 13:12:31

标签: jquery triggers imagemap

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

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

但上述仅适用于ie6 +。 ff不会触发click事件。我也试过了click()变体,但没有用。

期待一些帮助。

谢谢:)

1 个答案:

答案 0 :(得分:2)

在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;
});