jquery touch punch z 索引没有影响

jquery touch punch z index has no impact

我正在研究 ipad 拖放,我试图让可拖动元素在每个其他 div 上可见,但它仅在父 div 中有效,我的代码是:

$('#draggable').draggable({
  zIndex: 20,
  drag: function(event){...},
  helper: 'clone',
  position: 'absolute',
  owerflow: 'hidden'
})

html 代码看起来像这样:

<tr>
  <td>
    <div id="draggable"></div>
  </td>
  <td>
    <div id="dropDiv"></div>
  </td>
</tr>

当我拖动元素时,它通常在第一个 td 中可见,但是当我尝试将它拖到 <div id="dropDiv"></div> 上时,它会在 "dropDiv".[=14= 下方]

这些 divs 和 tds 有多个 css 类,我不能在这里显示。

我已经尝试了多个 z 索引,但没有任何影响。

您可以像这样添加自定义助手:

$('#draggable').draggable({
  zIndex: 20,
  drag: function(event){...},
  helper: function(){
    $("#outerElement").append($("#draggable").clone().attr('id', 'itWorks'))
    return $("#itWorks");
  },
})

其中 $("#outerElement") 是包含您的 $("#draggable") 的元素以及您要放置的元素。