获取jQuery UI中拖放元素的自定义HTML属性

Question

我正在建立一个纸牌游戏，其中每张纸牌（类别为[[card的每个div）均可拖动。默认情况下，可以将卡拖放到所有其他卡上，但是我正在使用accept option来计算卡丢弃后是否应该接受或还原该卡。一张卡只能放在比拖曳的卡高1的另一张卡上。例如，只能将7放到8上。卡的值（1-13）存储在自定义属性data-value中。

[这意味着当将一张卡放到另一张卡上时，我需要知道被拖动的卡的data-value是否比它放到的卡的data-value小一。如何访问这两个data-value？

$(".card").draggable({ revert: 'invalid' });

$(".card").droppable({

  accept: function(d) {

    // Here I want to access the custom HTML attribute "data-value" of both dragged card and droppable card

  }

});

Answer 1

我找到了一个解决方案，但我怀疑还有另一个更简单的解决方案。