1

私のボードには、ボード内でドラッグできる imgs をドロップできる div があります。

私が使う

 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 を取得し、新しく追加されたものにさらに 1 を与える方法はありますか?

4

1 に答える 1

0

自分で関数を作成し、それらをループして最大の 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);
}
于 2013-04-10T08:09:07.147 に答える