Question

我想用链接图创建图像。地图将包含许多必须经常更改的区域。我不想每隔几秒钟重新创建一个区域，而只想在用户真正点击图像时创建它们。

我希望在mousedown事件被触发后创建区域是可能的 - 但这似乎不起作用（未处理新创建区域的点击）。

到目前为止我的javascript代码（fiddle）：

$(document).ready(function () {
    $('#overlayDiv').mousedown(function () {
        $('#image').click(function () {
            $('#linkmap').children().remove();
            $(document.createElement('area'))
                .attr("shape", "rect")
                .attr("onclick", "alert('click');")
                .attr("coords", "0,0, 400,400")
                .appendTo('#linkmap');
        });
    });
});

应该发生什么的“工作流程”

点击图片
删除所有现有区域
重新创建该区域
点击在新区域

Answer 1

这不适合您，因为您的地图标记中没有名称属性。

查看更新后的小提琴：http://jsfiddle.net/gFVVh/1/

<img src="https://www.google.de/logos/2013/henry_van_de_veldes_100th_birthday-1402005-hp.jpg" usemap="#linkmap" id="image" />
<map id="linkmap" name="linkmap"></map>

动态创建链接区域

1 个答案: