0

ドロップボードがあります。

ドロップ可能にするには、使用します。

$("#board").droppable
({  
    greedy: true,
    tolerance:"pointer",
    drop: function (event, ui) 
    {
        .resizable
        ({containment:'#bord',aspectRatio: true})
        .css({position: 'absolute'})
        var index_highest = 0;
        $('.sleep').each(function()
        {
         var index_current = parseInt($(this).css("z-index"), 10);
         if(index_current > index_highest) 
         {
          index_highest = index_current;
         } 
        }) 
          .css('z-index',index_highest);            
    }
});

私の問題は、何かをドロップすると、最後にドロップされたアイテムだけでなく、ドロップしたものすべてが最高のインデックスを取得することです。

私も試しました

 $(this).css('z-index',index_highest);

しかし、それは機能していません。私は最高の z-index を取得しているので、それは問題ではありません。

ドロップアイテムはクラススリープを使用。

最後にドロップされた項目のみに z-index を設定するにはどうすればよいですか?

4

1 に答える 1

0

私は私のために働いているドロップイベントでこれを作成しました。

drop: function (event, ui) 
    {
        var index_highest = 0;
        $('.sleep').each(function()
        {
          var index_current = parseInt($(this).css("z-index"), 10);
          if(index_current > index_highest) 
          {
            index_highest = index_current;
          }

        }) 
            .css('z-index',index_highest);

    }
于 2013-05-13T08:06:17.543 に答える