在draggable/doppable::javascript中添加双击

Question

我有两个并排的盒子，尽管代码可以工作，但我想添加双击动画繁荣。

here is the jsfiddle

http://jsfiddle.net/2Kqse/

我该如何在我已经拥有的代码中添加双击，以便在拖放双击的同时将图标动画化到框中。

也许它可以用css完成？？有什么想法吗？

谢谢：）

Answer 1

我会这样做。您可以更改jQuery动画的类型。您可以签出此链接以查看不同类型的动画：http://api.jquery.com/show/希望这能有所帮助。

$(".draggable").draggable({
revert: "invalid"
})
.dblclick(function(){
   $('.BtnReport').show();
    if ($(this).parent().attr("id") != "drop") { 
     $(this).hide().appendTo("#drop").show('slow');
    } else {
     $(this).hide().appendTo("#grid").show('slow');
    }
});

http://jsfiddle.net/M8qyF/