0

私のコードは`

<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を移動すると移動しますが、マウスアップでは何も起こらず、マウスに追従し続けます

4

1 に答える 1

0

jQuery UI を使用することをお勧めします: http://jqueryui.com/ これは、jQuery のプラグインのようなもので、アニメーション、ユーザー インタラクションなどのツールを提供します。

ドラッグ可能な DIV の例: http://jsfiddle.net/TFjB7/

ほら、それは本当に簡単です： $('.draggable').draggable();

http://jqueryui.com/demos/draggable/で、さらに多くの例とドキュメントを見つけることができます。ダウンロードしてドキュメントに含めるだけです。

于 2012-05-01T08:17:09.210 に答える