执行拖放操作时出错

Question

我的代码是`

<script>
 $(function(){
 var xco,yco,sen,ple,pto;
document.onmouseup=function(){document.onmousemove=null;};
$(".pcre").mousedown(function(e){sen=$(this);
ple=sen.offset().left; 
 pto=sen.offset().top; 
  xco=e.clientX;
  yco=e.clientY;

  $(document).mousemove(function(e){fle=ple+e.clientX-xco;
  fto=pto+e.clientY-yco;
  sen.css("top",fto);
  sen.css("left",fle);

  });
  });


 });</script>

`当我移动div时它移动但是在鼠标上没有任何反应并且它继续跟随鼠标

Answer 1

我建议您使用jQuery UI：http://jqueryui.com/ 它就像是jQuery的插件，为动画，用户交互等提供工具。

可拖动DIV的示例：http://jsfiddle.net/TFjB7/

你知道，这很容易： $('.draggable').draggable();

您可以在http://jqueryui.com/demos/draggable/上找到更多示例和文档。只需下载并将其包含在您的文档中即可。