添加双击到draggable / droppable :: javascript

时间:2013-12-12 19:16:03

标签: javascript jquery jquery-ui

我有两个并排的盒子,即使代码有效,我想添加双击动画蓬勃发展。

here is the jsfiddle

http://jsfiddle.net/2Kqse/

如何在我已经拥有的代码中添加双击,以便拖放双击可以将图标设置为框中的动画。

也许可以用css完成?任何想法?

谢谢:)

1 个答案:

答案 0 :(得分:0)

我会做这样的事情。您可以更改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/