Question

我制作了以下jQuery代码：

$(".button").live("click", function(){  // When you click on .button...
    $(this).before(" <div class='add'> +1 </div> ");  // ...a new div appears.
});

新的“+1”div目前被设置为出现在预定位置。

您可以帮我将光标坐标传递到div位置，以便将div显示在用户点击的位置吗？

Answer 1

这里有一个例子：

http://jsfiddle.net/JPvya/1109/

注意：我总是使用相同的div来更清楚DOM。但是，如果每次单击需要DIV，请更改代码以便每次单击创建一个新div。 HTML

<html>
    <head></head>
    <body id="BodyID">
        <div id='test'>Test div is testing</div>
        <hr></hr>
    </body>
</html>

CSS

#test {
    width: 200px;
    height: 200px;
    border: 1px dotted blue;
}

jquery脚本

jQuery(document).ready(function(){
  $("#BodyID").click(function(e){
         $("#test").show(2000);
         $("#test").offset({left:e.pageX,top:e.pageY});

         })
})

参考：Set Div position to Mouse position with jQuery

如何使元素出现在光标坐标（jQuery）上？

1 个答案: