如何使draggable元素在还原时不可见？

Question

我的html中有可拖动的元素。和jQuery是这样的

$( ".block-33a" ).sortable({
      revert: true
});

$( ".hidden_drag" ).draggable({
    revert: true,
    stop: function(event,ui){
    //some code
    }
}); 

通过使用它，你可以将我的元素恢复到默认位置，但它在恢复时应该是无敌的。我该怎么做？

更新

这是我的小提琴http://jsfiddle.net/Q2h2w/46/

它也会说我的要求

Answer 1

我已经更新了小提琴。请看一下。 我添加了mouseup事件来检测鼠标释放。希望能解决你的目的：

http://jsfiddle.net/Q2h2w/56/

var count=0;
$('.button_area').draggable({
        revert: true,
        drag: function(){
            count++;
        },
        stop: function(event,ui){
                $('.button_area').off("mouseup");
                $(this).show();
        },
        start: function( event, ui ) {
            $('.button_area').on("mouseup",function(){
                $(this).hide();
            });
        }
});