スマートフォン (iOS および Android) で、誰かが画面をタップした場所に画像を作成するインタラクションを作成しようとしています。jQuery Mobile を使用すると、これは私が今持っている js です。
$('#container1').bind('tap', function(e) {
$('img').css({
position: 'absolute',
left: e.pageX,
top: e.pageY
});
$("#container1").append('<img src="image.png" />');
});
ただし、これは画像のインスタンスを作成し、ユーザーがタップした場所にそれらを積み重ね続けます。コードの 2 つのチャンクを組み合わせて、誰かが一意の X と Y の位置をタップすると、同じ画像の一意のインスタンスを作成するにはどうすればよいですか? ありがとう!