JQuery可拖动堆栈在丢弃后中断

Question

我使用JQuery将可拖动的铭牌放入网站的插槽中。一切都很好，但我在堆栈方面遇到了一些问题。从初始状态开始，堆栈运行良好。所有被拖动的牌总是在所有其他元素之上。

问题发生在其中一块铭牌掉到滴管里之后。任何先前脚本中可拖动的可拖动对象都将通过下拉铭牌。就好像掉落的铭牌以某种方式删除了堆栈属性。

预期的功能是使draggable始终处于顶部，无论它被丢弃了多少次。我不确定CSS是否在干扰。我对这些语言不太熟悉。

这是在我的代码中设置一个可拖动的：

$('#rikishi_card.Gen'+i+'e').draggable( {
cursor: 'move',
revert: 'invalid',
stack: '#rikishi_card'
} );

然后设置一个下降区域：

$('#rikishi_slot.Gen'+i+'w').droppable( {
accept: '#rikishi_card',
drop: handleDrop
} );

下面是一些示例代码：https://jsfiddle.net/W4Km8/10263/

尝试将Gen1w向下拖动到新的。它将成功地越过其他卡片。然后将Gen1e拖到Gen1w。它将通过Gen1w。生成顺序为Gen1e->Gen1w->Gen2e->Gen2w

Answer 1

我将rikishii_card从ID更改为class，将GenX更改为class。现在似乎在工作。