jquery touch punch z 索引没有影响答案

【问题标题】：jquery touch punch z index has no impactjquery touch punch z 索引没有影响
【发布时间】：2016-09-21 21:58:57
【问题描述】：

我正在处理 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”下方。

这些 div 和 td 有多个我无法在此处显示的 css 类。

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

【问题讨论】：

我不确定，但您可以尝试使用 10 位数字的 z 索引。
如果我没记错的话，jqueryUI 曾经定义的最高 z-index 是一个 9 位数字
或者 11，如果它仍然不起作用
我用 999999999 和 9999999999 都试过了，但还是不行

标签： jquery drag-and-drop draggable drag jquery-ui-touch-punch

【解决方案1】：

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

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

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

【讨论】：