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

Question

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

这是我到目前为止所拥有的：

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

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

score 0 · Accepted Answer

我最终为我的情况做了一些更好的事情。因为我想在另一个上动态创建图像，所以我使用了 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) {

}

希望能帮助到你！:)

score 0 · Accepted Answer

0

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

于 2013-03-11T01:37:33.433 回答

score 0 · Accepted Answer

我认为您可以尝试<map>通过单击的图像动态创建。链接：http ://www.w3schools.com/tags/tag_map.asp

3 回答 3