jQuery EasyUI Drag & Drop – einfaches Drag & Drop

HTML-Elemente ziehbar machen

jQuery EasyUI Drag & Drop – einfaches Drag & Drop Syntax

HTML-Elemente ziehbar machen

jQuery EasyUI Drag & Drop – einfaches Drag & Drop Beispiel

Zuerst erstellen wir drei <div>-Elemente:

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

Für das erste <div>-Element machen wir es standardmäßig ziehbar.

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

Für das zweite <div>-Element machen wir es ziehbar, indem wir einen Proxy erstellen, der das ursprüngliche Element klont.

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

Für das dritte <div>-Element machen wir es ziehbar, indem wir einen benutzerdefinierten Proxy erstellen.

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