jQuery EasyUI gota - drag and drop básico
Este tutorial mostra como fazer um elemento HTML draggable, neste caso, vamos criar três elementos DIV e capacitá-los para arrastar e soltar.
Primeiro, criamos três elementos <div>:
<Div id = "DD1" class = "dd-demo"> </ div> <Div id = "DD2" class = "dd-demo"> </ div> <Div id = "DD3" class = "dd-demo"> </ div>
Para o primeiro elemento <div>, podemos deixar arrastar por padrão.
$ ( "# DD1 ') draggable () .;
Para o segundo elemento <div>, criamos um clone (clone) dos elementos originais do agente (proxy) podem ser autorizados a arrastar.
$ ( "# Dd2 '). Draggable ({ proxy: 'clone' });
Para o terceiro elemento <div>, criamos um proxy personalizado (proxy) podem ser autorizados a arrastar.
$ ( "# DD3). Draggable ({ proxy: function (fonte) { var p = $ ( '<div class = "proxy"> procuração </ div>'); p.appendTo ( 'body'); regresso p; } });