Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery拖放切换新元素的可拖动元素_Jquery_Drag And Drop - Fatal编程技术网

Jquery拖放切换新元素的可拖动元素

Jquery拖放切换新元素的可拖动元素,jquery,drag-and-drop,Jquery,Drag And Drop,我对Jquery真的很陌生。我被要求做一些拖放功能。我设法找到了许多资源,使我得到了一个简单的结果。 () 缺少的是我想要一个交换机功能。 例子: 在“.droppable”上拖动蓝色方块时,它已经附加了另一个方块(X),我想用蓝色代替X,使X返回到一个特定的位置。X可以与动画一起返回,也可以仅通过附加动画返回 我这里的问题是,我不知道如何进行“切换”。您可以在jsFiddle()中使用它执行拖放和切换: 完整JSFIDLE: 要在方形开关返回上添加动画,请尝试以下操作: 您可以切换出: $('

我对Jquery真的很陌生。我被要求做一些拖放功能。我设法找到了许多资源,使我得到了一个简单的结果。 ()

缺少的是我想要一个交换机功能。 例子: 在“.droppable”上拖动蓝色方块时,它已经附加了另一个方块(X),我想用蓝色代替X,使X返回到一个特定的位置。X可以与动画一起返回,也可以仅通过附加动画返回


我这里的问题是,我不知道如何进行“切换”。

您可以在jsFiddle()中使用它执行拖放和切换:

完整JSFIDLE:

要在方形开关返回上添加动画,请尝试以下操作:

您可以切换出:

$('#bank').append($('.ui-draggable', this).hide().fadeIn(600));
使用jQuery UI()提供的各种其他动画 ​

你说你想“让X回到一个特定的地方”。这是不是意味着你想让蓝色始终回到蓝色的原始位置,或者只是回到原始的颜色库?下面是后一种方法:如果您正在寻找前一种方法,请告诉我。$('ui draggable',this)这就是我所缺少的。我一直在做$(this.draggable),我想我会到达ui.draggable对象。如果我想要一个动画,我应该使用。制作动画还是尝试还原?
$('#bank').append($('.ui-draggable', this).hide().fadeIn(600));