php - クリックした場所にimgを挿入

Question

ページをクリックした場所にimgを挿入するにはどうすればよいですか？

私は次のコードを持っています：

$(document).click(function(e){
    var x = e.pageX;
    var y = e.pageY;
    var string = x +','+ y;
    //alert(string);
    $('.marker').css(
        {
            'left': x +'px',
            'top': y +'px'
        },{
              duration:1000,
          })        
});

ただし、これはimgをページ内で移動させるだけです。複数のコピーを追加して、phpurlにPOSTする必要があります。

ありがとう！

Answer 1

要素のクローンを作成します。

$(document).click(function(e) {
    var x = e.pageX;
    var y = e.pageY;
    var string = x + ',' + y;
    //alert(string);
    $('.marker:first').clone().css({
        'left': x + 'px',
        'top': y + 'px'
    }).appendTo('body')
})

http://jsfiddle.net/xarGV/

Answer 2

あなたはこれを意味しますか？

$(document).click(function(e){
    var x = e.pageX;
    var y = e.pageY;
    var string = x +','+ y;
    //alert(string);
    $('.marker:first').clone().css({
        'left': x +'px',                                        
        'top': y +'px',
        'position':'absolute'
    }).appendTo('body')      
});

デモ。