CSS 问题:使用 Touch Punch 进行排序在移动设备 (Safari) 中不起作用
CSS Issue: Sortable Using Touch Punch not working in Mobile (Safari)
我使用 touch punch 创建了一个拖放或可排序的图像。在 chrome 甚至 android 中一切正常。但它似乎无法在 Safari 中使用 iPhone..
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;
}
结果
遏制:'window'、
来自触摸打孔器的那个,在 safari 中不起作用..
我使用 touch punch 创建了一个拖放或可排序的图像。在 chrome 甚至 android 中一切正常。但它似乎无法在 Safari 中使用 iPhone..
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;
}
结果
遏制:'window'、
来自触摸打孔器的那个,在 safari 中不起作用..