重新排序堆叠div

Question

在我的项目中，我的页面由一堆堆叠div组成，如下所示：

对于所有项目，div A位于div B的顶部。我使用kendo sortable来让用户重新排序所有此div。

$("#ImageListView").kendoSortable({
  filter: "div",
  cursor: "move",
  autoScroll: true,
  placeholder: function (element) {
    return element.clone().css("opacity", 0.1);
  },
  hint: function (element) {
    return element.clone().removeClass("k-state-selected");
  }
});

我的问题是，当用户将项目拖放到任何位置（重新排序）时，该项目的div B会突然在div A的顶部。这是剑道可归类的错误吗？还是我堆叠物品的方式错误并导致了此错误？