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

我不知道用于复制图像的方法。我尝试使用

clone()

喜欢这样

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

但它不起作用。

Answer 1

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

这将克隆所有p元素并附加到正文。它取自W3C jQuery clone（）方法页面。看起来它没有用，因为你的克隆方法中的语法是错误的。也许尝试像

这样的东西

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

以下是W3C学校克隆方法入口的链接 - http://www.w3schools.com/jquery/html_clone.asp

单击时复制图像，使其跟随光标Jquery

1 个答案: