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

clone元素。

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

DEMO

单击时插入图像

2 个答案: