如何使用jQuery在圖像上創建鏈接

我想在點擊按鈕的圖像上創建鏈接。我到目前爲止是，當我點擊圖像，我得到的座標正確..但我怎樣才能dinasically在鼠標點擊位置創建一個鏈接？可以做到嗎？如何使用jQuery在圖像上創建鏈接

這是我到目前爲止有：

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

功能captureMousePosition返回X和Y位置對我來說。

您是否試圖在整個圖像上創建一個鏈接？如果是，那麼只需用''包裝它並使用jquery設置href屬性 – Peeyush 2013-03-11 01:35:52

否..在每個鼠標單擊的特定位置創建一個鏈接圖像 – 2013-03-11 01:37:35

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

2013-03-11 01:37:33 blackhawk

這樣我就會爲整個圖像創建一個鏈接，是否可行？我試圖創建鏈接，只有當我點擊圖像內 – 2013-03-11 01:39:17

你可以嘗試這個工具，如果你想跳過嘗試從頭開始編碼 - http://www.maschek.hu/imagemap/imgmap – blackhawk 2013-03-11 01:44:59

尼克也有一個替代解決方案在這裏 - http://stackoverflow.com/questions/3379583/using-jquery-to-change-image-map-coord-values?rq=1 – blackhawk 2013-03-11 01:49:41

我認爲你可以嘗試動態創建<map>點擊圖像。鏈接：http://www.w3schools.com/tags/tag_map.asp

2013-03-11 01:38:59

謝謝，我會看看它！ – 2013-03-11 01:52:41

我最終爲我的情況做了更好的事情。由於我想動態創建另一個圖像，我使用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) { 

}

希望它能幫助！ :)

2013-03-12 00:53:14

回答