Jquery的可拖动/可拖放 - 使放置的元素淡出而不是消失？

Question

我有一个可拖放到文件夹中的对象列表。现在，当我把它们放入文件夹时，它们就消失了。这是一个很粗糙的解决方案:

http://jsfiddle.net/tYfNb/1/

有更好的方法来完成这个吗?

代码:

$( '.droppable' ).droppable( {
    drop: function( event, ui ) {
        if(ui.draggable.parent('.sortable').length){
        ui.draggable
            .clone()
            .appendTo('.droppable')
            .addClass("sort-drop")
            .css(ui.position)
            .hide( 500 );
        ui.draggable.hide();
                console.log(ui,event);
    }else{
        ui.draggable.hide(500);
    }

    }
} );
$( '.sortable' ).sortable();
$( '.draggable .item' ).draggable( {
    revert: 'invalid'
} );

Answer 1

我已经更新了你的JSFiddle与一些动画的变化。

$( '.droppable' ).droppable( {
    drop: function( event, ui ) {
        if(ui.draggable.parent('.sortable').length){
        ui.draggable
            .clone()
            .appendTo('.droppable')
            .addClass("sort-drop")
            .css(ui.position)
            .fadeOut( 5000 );
        ui.draggable.hide();
                console.log(ui,event);
    }else{
        ui.draggable.fadeOut(5000);
    }
    }
} );