Question

对于我的电路板，我有一个div，我可以放下imgs，可以在电路板上拖动。

我用

 drop: function (event, ui) 
{
    ui.draggable.clone(false)
    .removeClass('original ')
    .addClass('draggable').appendTo($(this))
    .draggable({stack: ".draggable", containment: '#board' })
    .resizable
    ({containment:'#board',aspectRatio: true})
    .css({position: 'absolute'})
;}

at drop

我使用

 .draggable({stack: ".draggable", containment: '#board' })

将最后拖动的项目设置在顶部。

但是当我添加一个新图像并且最后一个图像被设置为div板的大小时，新删除的项目将不可见，因为它具有较低的z-index（堆栈）。

有没有办法获得最高的z-index，并为新添加的z-index增加1？

Answer 1

那么你可以自己构建一个函数并循环获取最高的z-index值。

assignHighestZ = function(elements,newElement) {
   var _z = 0;

   elements.each(function() {
      if(parseInt($(this).css('z-index')) > _z) {
         _z = parseInt($(this).css('z-index'));
      }
   });

   z++;
   newElement.css('z-index',z);
}

z-index在下降

1 个答案: