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。我需要添加多个副本并 POST 到 php url。

谢谢！

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')      
});

演示。