jQuery gota EasyUI - arrastrar y soltar básica
En este tutorial se muestra cómo hacer que un elemento HTML que pueden arrastrarse, en este caso, vamos a crear tres elementos DIV y les permitirá arrastrar y soltar.
En primer lugar, creamos tres elementos <div>:
<Div id = "DD1" class = "dd-demo"> </ div> <Div id = "DD2" class = "dd-demo"> </ div> <Div id = "DD3" class = "dd-demo"> </ div>
Para el primer elemento <div>, podemos dejar arrastrar por defecto.
$ ( '# Dd1') que pueden arrastrarse () .;
Para el segundo elemento <div>, se crea un clon (clon) de los elementos originales del agente (apoderado) se puede permitir que arrastrar.
$ ( '# Dd2'). Arrastrable ({ Proxy: 'clon' });
Para el tercer elemento <div>, se crea un proxy personalizado (apoderado) se puede permitir que arrastrar.
$ ( '# DD3'). Arrastrable ({ Proxy: function (fuente) { var p = $ ( '<div class = "proxy"> Proxy </ div>'); p.appendTo ( "cuerpo"); p regresar; } });