使用jquery无法在身体中移动时发生错误？

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

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

来源

2012-11-23 Hai Truong IT

我甚至都不明白这个问题是什么问题O.o – Mutmatt

试试这个：

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

你应该先使用所有$(document)因为你想选择你的DIV这是body它可以很容易地the document本身的parent()。然后使用on()进行直播DOM解释。

然后将这jQuery("#button-wrapper")转换为$("#button-wrapper")只是因为如果你使用一个，不要使用其他。

同时将$(document).ready(function(){});部分转换为$(function(){});。

来源

2012-11-23 15:51:37 sbaaaang

.on（）只会在您指定选择器作为第二个参数时才会生效。 – Selosindis

也许http://jsfiddle.net/Fxk52/3/为更好的表现？ @Selosindis – sbaaaang

我不是说它不会工作（因为它很明显），只是它没有使用类似于.live（）的事件监听器，如下所示：http://api.jquery.com/对/ – Selosindis

使用jquery无法在身体中移动时发生错误？

回答

相关问题