重複した画像をクリックするとカーソルに従います。Jquery

Question

画像をクリックして複製し、元の画像の位置を保持したままカーソルをたどりたいと思っています。このコードは、画像をクリックしてカーソルの後に元の画像を表示するときに機能します。私はそれを複製したい

$('li').on("click", function (e) { 

    // Make image follow cursor upon clicking 
    if ($(this).get(0).classList.toString().search("-") > -1) { 

     var $canvas = $(this).get(0).classList.toString().split(" ").join("."); 

     $('ul,.map').mousemove(function (e) { 
      $('.' + $canvas).offset({left: e.pageX, top: e.pageY}); 
     }); 
    }  
}) 

画像を複製するためにどの方法を使用するのか分かりません。私はそう

$('.' + $canvas).clone().offset({left: e.pageX, top: e.pageY}) 

よう

clone() 

を使ってみたが、それはうまくいきませんでした。

Answer 1

$("p").clone().appendTo("body"); 

これはp要素をすべてクローンして本文に追加します。これはW3C jQuery clone（）メソッドのページから取得されました。クローンメソッドの構文が間違っていたためにうまくいかなかったようです。たぶんここで

$("$canvas").clone().appendTo("body"); 

ような何かをしようとcloneメソッドのためのW3Cの学校のエントリへのリンクです - http://www.w3schools.com/jquery/html_clone.asp