下载后JQuery可拖动堆栈中断

Question

我正在使用JQuery将可拖动的铭牌放入网站的插槽中。一切都很好，但我有堆栈的问题。从最初的状态堆栈工作正常。所有被拖动的牌总是高于所有其他元素。

问题发生在其中一个铭牌掉落在一个可放置的牌中之后。之前在脚本中可拖动的任何可拖动物然后将通过掉落的铭牌传递。就好像以某种方式删除了铭牌，删除了堆栈属性。

预期的功能是，无论拖放多少次，都可以将拖动器始终置于顶部。我不确定CSS是否在干扰。我对这些语言不太熟悉。

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

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

然后设置dropzone：

$('#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

我将rikishi_card从ID更改为class，GenX则将其更改为class。似乎现在正在运作。