Question

我试图通过以下方式实现这一目标：

$('div.check').mousemove(function(e){

    // Mouse click + moving logic here
    $('.movestatus').text('mouse moved');
    var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
    $(".chords").text(clientCoords);
    var ap = $("<div>OO</div>");
    ap.offset({ top: e.clientX, left: e.clientY });
    $("div.check").appendTo(ap);
});

当我在div中移动鼠标时主要的div被消失或在jsfiddle上没有任何反应发生了什么。 Demo

我哪里出错了问题：我如何将jQuery绑定到.check，这样当我移动鼠标时，它会在移动的位置添加一个div。

由于

Answer 1

您需要使用append，而不是appendTo。您还需要定位绝对值并交换clientX和clientY。

 ap.css({ position:"absolute", top: e.clientY, left: e.clientX });
 $("div.check").append(ap);

工作演示：http://jsfiddle.net/ubgNH/

Answer 2

为您的HTML添加此内容：

<script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>

jQuery在鼠标移动时追加div

2 个答案: