css - CSS 问题：使用 Touch Punch 进行排序在移动设备 (Safari) 中不起作用

Question

我使用触摸打孔创建了一个拖放或可排序的图像。即使在 android 中，chrome 中的一切都可以正常工作。但它似乎在使用 iPhone 的 Safari 中不起作用..

https://jsfiddle.net/y05w1mog/

可能是 CSS 问题。图像应该可以拖动到以下四个选项之一。

 td {
  width: 200px;
 vertical-align: top;
}

.box {
    border: 2px inset #aaaaaa;
     height: 240px;
overflow-x: hidden;
  text-align: center;
 padding: 10px;
 overflow-y: auto;
}

.box img {
    position: relative !important;
}

 #div-images img {
height: 120px;
position: absolute;
top: 5px;
left: 0;
}

  #div-images {
  height: 100px;
  width: 150px;
  position: relative;
  margin: 0 auto;
  border: 3px double black;
  padding: 5px;
  }

  th {
  background-color: #538DD5;
  color: white;
  }

Answer 1

事实证明

遏制：“窗口”，

从触摸打孔是一个，不能在野生动物园工作..