如何使用jQuery在图像上创建链接

Question

我想在按钮点击中创建图像上的链接。到目前为止，当我点击图像时，我正确地得到了坐标..但是我怎样才能在鼠标点击位置上创建一个链接？有可能吗？

这是我到目前为止所做的：

$('.ImgMapa').click(function(e) {
captureMousePosition(e);
var offset = $(this).offset();
var left = xMousePos;
var top = yMousePos;
});

函数captureMousePosition为我返回X和Y位置。

Answer 1

$('.image').click(function(e){
e.preventDefault();
window.location="http://google.com";
});

Answer 2

我认为您可以尝试动态<map>点击图片。 链接：http://www.w3schools.com/tags/tag_map.asp

Answer 3

我最终为我的情况做了更好的事情。因为我想动态创建另一个图像，我使用了来自jQuery的append（）函数。 这是我做的：

创建了一个img标签：

var img = $('<img src="http://3.bp.blogspot.com/-BDsYRXImsOQ/T-czORDNXZI/AAAAAAAABz4/qjWlHzzEBsA/s1600/1606gdg.png"/>');

根据鼠标点击位置设置其css：

img.css('cssText', 'top: ' + (top-10) + 'px;' + 'left: ' + (left-10) + 'px; position: absolute; width: 22px; height: 22px');

并最后用图像父级附加它：

$(this).parent().append(icone);

其中$（this）是我的图片参考。

注1：我的图像在里面和div，这就是我使用parent（）函数的原因。 注意2：所有这些代码都在我的图像点击事件中。

示例：

$('.Img').click(function(e) {

}

希望它有所帮助！ ：）