jQuery EasyUI drop - il drag and drop di base
Questo tutorial vi mostra come fare un elemento HTML trascinabili, in questo caso, creeremo tre elementi DIV e consentire loro di trascinare e rilasciare.
In primo luogo, creiamo tre <div> elemento:
<Div id = "dd1" class = "dd-demo"> </ div> <Div id = "DD2" class = "dd-demo"> </ div> <Div id = "DD3" class = "dd-demo"> </ div>
Per il primo elemento <div>, possiamo lasciare che la resistenza di default.
$ ( '# Dd1') trascinabili () .;
Per il secondo elemento <div>, creiamo un clone (clone) degli elementi originali dell'agente (proxy) può essere consentito di trascinare.
$ ( '# DD2'). Draggable ({ delega: 'clone' });
Per il terzo elemento <div>, creiamo un proxy personalizzato (proxy) può essere consentito di trascinare.
$ ( '# DD3'). Draggable ({ Proxy: la funzione (fonte) { var p = $ ( '<div class = "proxy"> delega </ div>'); p.appendTo ( 'body'); tornare p; } });