插入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

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。