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指數（堆棧）。

有沒有辦法獲得最高的Z-索引，並給它新增加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); 
}