0

我在这里尝试这个演示

在 HTML 中：

...
    <body>
       <div id="button-wrapper" style="position: absolute; opacity: 1; width: 27px; height: 20px;">
          <input type="submit" value="submit">
       </div>
    </body> 
...

在 jQuery 中：

$(document).ready(function(){
   $("#button-wrapper").parent().mousemove(function(e) {
       jQuery("#button-wrapper").css({
           top : e.pageY - 10,
           left : e.pageX + 30
       });
   });
});

当我在 body 上移动鼠标时发生错误。提交按钮无法在鼠标移动事件上运行。我应该如何解决这个问题？

4

1 回答 1

3

试试这个：

$(function(){
    $(document).on('mousemove',function(e) {
        $("#button-wrapper").css({
            top : e.pageY - 10,
            left : e.pageX + 30
        });
    });
});

你应该首先使用 all$(document)因为你正在尝试选择parent()你的 div ，body它本身很容易the document。然后on()用于实时 DOM 解释。

然后把它翻译jQuery("#button-wrapper")成$("#button-wrapper")只是因为如果你使用一个，就不要使用另一个。

也将$(document).ready(function(){});部分翻译成$(function(){});.

于 2012-11-23T15:51:37.797 回答