当img被修复时，JQuery可排序不会工作

Question

我知道这个问题之前可能已经提出但是经过长时间的搜索我仍然找不到答案。

我正在尝试使用jQuery可排序函数来使我的图像可以交换。当未设置img的位置时，该功能正常工作。但是当设置位置时（我想在视点上的某个特定点处修复图像）交换根本不会发生。

当位置设置为“绝对”或“修复”时，有没有办法进行可排序的工作？

$(function() {
  $("#sortable").sortable();
  $("#sortable").disableSelection();
});

#sortable > div {
  float: left;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id="sortable">
  <div id="demo5" , class="card" , draggable="true" , style="
      top: 135px;
      left: 190px;
      position: fixed;
      z-index: 1;
      cursor: move;
      float:left;
      visibility: show;">
    Card 1
  </div>


  <div id="demo6" , class="card" , draggable="true" , style="
      top: 135px;
      left: 245px;
      position:fixed;
      z-index: 1;
      cursor: move;
      visibility: show;">
    Card 2
  </div>
</div>