javascript - 拖放时出错

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 它移动但在 mouseup 上没有任何反应并且它继续跟随鼠标

Answer 1

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

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

你看，这真的很容易： $('.draggable').draggable();

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