0

ゴミ箱を作成しようとしています。そこにいくつかのアイテムを置いた後、それを開いて、ゴミ箱の外にドロップすることで、ゴミ箱からアイテムをドラッグすることができます。

私がこれを設定した方法は、私の Web アプリにごみ箱アイコンがあり、そこにアイテムをドロップし、ごみ箱をクリックすると、ごみ箱に入れられたアイテムが入ったボックスが開き、他のすべてを覆い隠す黒い透明な背景でフェードアウトするため、ごみ箱に集中するだけです箱。

コードは基本的に

<div id="background"></div>
<div id="trashcanContainer">
   <ul id="items">
     <li>item1</li>
     <li>item2</li>
   </ul>
</div>

背景 CSS は固定位置に設定され、幅と高さが 100% に設定され、ドロップ可能として設定されます。問題は、ゴミ箱から何かをドラッグして背景にドロップすると、ゴミ箱の上にドロップしても削除されることです。基本的に、jQuery は、背景よりも高い z-index を定義しても、trashcanContainer div が背景 div の上にある (したがって、droppable の一部ではない) ことを理解していません。

これを機能させる方法はありますか？

4

1 に答える 1

0

が または のいずれか#trashcanContainerで絶対配置されていることを確認してください。そうしないと効果がありません。position: absoluteposition: fixedz-index

于 2009-09-29T10:38:48.660 に答える