0

各部屋がページを下に移動し、列 (時間) が水平に移動するカレンダー スタイルの画面を作成しました。各 Room div は、overflow:hidden に設定されています。

エントリをドラッグ/ドロップ可能にして、ある時間/部屋から別の時間/部屋に移動できるようにしたかった. 問題は、ドラッグしても Room div から移動せず、overflow:hidden が原因でその境界の下に隠れてしまうことです。

画面のレイアウトを書き直す時間がありません。div から画面の残りの部分にドラッグする方法はありますか?

4

1 に答える 1

0

単なるランダムな考え/アイデア

ドラッグ先のdivに「偽の」オブジェクトを作成し、実際のオブジェクトを境界線を越えて偽のオブジェクトを含むdivにドラッグしているように見えるように配置できます。

アスキーの例

|´´´´´´´´´´´´´|
|     []      |
|     []      |
|_____________|

次に、このオブジェクトをその下の div にドラッグします

|´´´´´´´´´´´´´|
|    Div1     |
|             |
|_____[]______|
|´´´´´[]´´´´´´|
|             |
|    Div2     |
|_____________|

私がやりたかったのは、Div2 にオブジェクトを作成することでした。このオブジェクトも、overflow:hidden のために非表示になっています。したがって、Div1 でドラッグする実際のオブジェクトと、Div1 のオブジェクトとまったく同じように動く Div2 の偽/錯覚オブジェクトの 2 つのオブジェクトがあります。実際のオブジェクトを Div1 から Div2 に完全に移動したら、実際のオブジェクトを Div2 に転送し、偽のオブジェクトを Dom から削除します。

于 2012-08-02T10:08:54.950 に答える