jQuery 定位并在鼠标移动时附加 div

Question

好吧，我尝试做这样的事情:

var oldX=0,oldY=0;
$('body').mousemove(function(e){
     $('.movestatus').text('mouse moved');
     var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
     $(".chords").text(clientCoords);
     var ap = $("<div class='k'></div>");
     ap.offset({ top: e.clientX, left: e.clientY });
         $("body").append(ap);
     oldX = e.clientX;
     oldY = e.clientY;
 });

Demo

嗯，这可行但是添加的div被添加到鼠标实际所在位置下方很多位置，而且并不总是添加。

我该如何解决这个问题？

Answer 1

你忘记的一件小事:

.k {
    height:10px;
    width:10px;
    background:red;
    position:absolute; <-------
}