即使在具有位置的div上,css z-index属性也不起作用

时间:2016-05-24 17:07:26

标签: javascript jquery css z-index jquery-ui-touch-punch

我试图在拖动它时将可拖动的div显示在其他所有内容上。

这是我的jquery触摸打码:

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

我知道z-index仅适用于有位置的元素,所以我也将position:relative添加到其他div。但它只适用于我在可拖动元素的父div上。我使用了很多类的巨大的css文件,所以我无法复制它的正确部分。

1 个答案:

答案 0 :(得分:1)

你不需要在css中使用ani位置,只需为helper创建一个自定义函数,你可以将实际拖动的元素添加到包含drop元素的外部元素中。

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