jquery - jquery拖拽怎么做

Question

当我将 div 拖到可放置 div 中时，它应该在鼠标位置的可放置 div 中创建一个新 div。

http://jsfiddle.net/thilagajothi/QbBAg/4/

jQuery(function($){
$('.drag')
    .drag("start",function( ev, dd ){
        return $( this ).clone()
            .css("opacity", .75 )
            .appendTo( this.parentNode );
    } )
    .drag(function( ev, dd ){
        $( dd.proxy ).css({
            top: dd.offsetY,
            left: dd.offsetX
        } );
    })
    .drag("end",function( ev, dd ){
        $( dd.proxy ).remove();
    });
$('.drop').drop(function( ev, dd ){
    $( this ).toggleClass('dropped');
} );
} );