Rendre les éléments HTML déplaçables

jQuery EasyUI glisser-déposer - glisser-déposer de base syntaxe

Rendre les éléments HTML déplaçables

jQuery EasyUI glisser-déposer - glisser-déposer de base exemple

Tout d'abord, nous créons trois éléments <div> : 

<div id="dd1" class="dd-demo"></div>    
<div id="dd2" class="dd-demo"></div>    
<div id="dd3" class="dd-demo"></div>

Pour le premier élément <div>, nous le rendons déplaçable par défaut. 

    $('#dd1').draggable();

Pour le deuxième élément <div>, nous le rendons déplaçable en créant un proxy qui clone l'élément d'origine. 

    $('#dd2').draggable({        proxy:'clone'    });

Pour le troisième élément <div>, nous le rendons déplaçable en créant un proxy personnalisé. 

$('#dd3').draggable({        proxy:function(source){            
    var p = $('<div class="proxy">proxy</div>');            
        p.appendTo('body');           
       return p;        
    }    
});