2012-05-01 2 views
0

私のコードは、私はdiv要素を移動するとエラーが

<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> 

は `それはのmouseup何もではなく、移動is`発生し、それは私はあなたがjQueryのUIを使用することをお勧めマウス

+0

なぜjQuery UIを使用しないのですか? – Alex

+0

iamがjqueryに初めて追加されました。 –

答えて

0

を次のように続けます:http://jqueryui.com/ jQueryのプラグインのようなもので、アニメーション、ユーザー操作などのツールを提供しています。ドラッグ可能DIVため

例:あなたが見http://jsfiddle.net/TFjB7/

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

あなたはより多くの例とhttp://jqueryui.com/demos/draggable/上のドキュメントを見つけることができます。ダウンロードしてドキュメントに追加するだけです。