jquery UI Sortableクリック・ドラッグが機能しない

Question

なぜ次のコードでUIが作成されず、ドラッグ・ドロップが有効になっているのですか？ソート可能リストのクリック・ドラッグでUIに変更が反映されません。

ここ

$(".table-col .pic img").sortable({ 
     containment : ".drag-drop-region", 
     opacity: 0.35, 
     tolerance: "intersect", 
     connectWith: $(".list2"), 
}); 
    $(".table.secret-data-matched .table-row .table-col .pic").sortable({ 
     containment : ".drag-drop-region", 
     opacity: 0.35, 
     connectWith: $(".list1"), 
     tolerance: "intersect", 
     receive: function(event, ui) { 
      var target = event.target; 
      droppedCntr++; 
      increaseProgress(droppedCntr, correctSequence); 
      var image = ui.draggable[0].src.split("/"); 
      var numPattern = new RegExp("[0-9]","g"); 
      var targetIndex = target.className.match(numPattern)[0]-1; 
      var imageIndex = image[image.length-1].match(numPattern)[0]; 
      droppedSequence[targetIndex] = imageIndex; 
     } 
    }); 

リスト1とリスト2は $（ ".table-COL .PIC IMG"） $（」.table.secretデータが一致した.table-行.table-COLに属しているCSSクラスです.pic "） resp。

Answer 1

画像$(".table-col .pic img").sortable()をソートしていますが、そのようにすることはできません。

要素に 'sortable'を設定すると、すべての（直接の）子要素がドラッグ可能/ソート可能です。 https://jsfiddle.net/wietsedevries/d4fnhpcj/