jQuery EasyUI drop - glisser-déposer de base
Ce tutoriel vous montre comment faire un élément HTML draggable, dans ce cas, nous allons créer trois éléments DIV et leur permettre de glisser-déposer.
Tout d'abord, nous créons trois élément <div>:
<Div id = "DD1" class = "dd-demo"> </ div> <Div id = "DD2" class = "dd-demo"> </ div> <Div id = "dd3" class = "dd-demo"> </ div>
Pour la première élément <div>, nous pouvons laisser glisser par défaut.
$ ( '# Dd1') déplaçables () .;
Pour le deuxième élément <div>, nous créons un clone (clone) des éléments originaux de l'agent (proxy) peut être autorisé à faire glisser.
$ ( '# Dd2'). Draggable ({
proxy: 'clone'
});
Pour le troisième élément <div>, nous créons un proxy personnalisé (proxy) peut être autorisé à faire glisser.
$ ( '# DD3'). Draggable ({
proxy: function (source) {
var p = $ ( '<div class = "proxy"> proxy </ div>');
p.appendTo ( «corps»);
retour p;
}
});