javascript - 如何使可拖动元素在恢复时不可见？

Question

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

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

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

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

更新

这是我的 fiddle http://jsfiddle.net/Q2h2w/46/

它也会说出我的要求

Answer 1

我已经更新了 fiddle 。请看一下。 我添加了 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();
            });
        }
});