3

jQueryUIのドラッグアンドドロップ可能なウィジェットを使用してドラッグアンドドロップを実装しています。(Sortableは私に十分な柔軟性を提供しませんでした。)

ドラッグすると、ドロップが配置される場所を正確に示すために、ドロッププレースホルダー要素が動的に作成されます。

しかし、どうすればこのドロッププレースホルダー自体をドロップ可能にすることができますか?それを作成してすぐにそのdroppable()メソッドを呼び出すと、これは効果がありません。したがって、ユーザーがドロッププレースホルダーの上に直接ドロップした場合、どうすればこれを検出できますか?

私がこれまでに持っているものはhttp://jsbin.com/uciviy/14で見ることができます。

4

1 に答える 1

6

divを動的に作成し、ドロップ可能にすることができます。

JQueryを使用してdivを作成してからドロップ可能にするか、ドラッグイベントがドラッグ可能な要素で開始されたときにドロップ可能なdivを作成し、その要素を作成された新しいdivにドロップできます。これは次のように可能です:

$( "<div>Dynamic Droppable Div</div>" ).droppable( dropOptions ).appendTo( "#anotherDiv" );

ここでフィドル

于 2012-12-17T21:07:44.440 に答える