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

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

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) {

}

それが役に立てば幸い！:)

3 に答える 3