jquery - 下降时的 z-index

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'})
;}

在下降

我用

 .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);
}