javascript - Scriptaculousでネスト可能なドラッグ可能なオブジェクトを作成する方法は?

原文 javascript drag-and-drop scriptaculous draggable

私はScriptaculousライブラリを使用して、エンドユーザーがリストを作成するのに役立つアプリケーションの魅力的なUIを平手打ちしています。それをピザの作成に使用するとします。

注文に記入するには、ピザパレットから注文のドロップ可能にピザのサイズをドラッグします。そこに配置されると、ドラッグ可能(パレットに戻すことでジャンクできるため)とドロップ可能(それに材料を追加できるため)の両方の新しいdivに置き換えられます。

次に、食材パレットから食材を注文グループにあるピザに追加できます。

私はこれらのビットを正常に実装し、すべてが正常に動作します。ステッカー:配置済みのピザから材料をドラッグアンドドロップしようとすると、適切にドラッグ可能としてマークされており、ある程度はピザの上にZ位置にあり、代わりにピザの卸売りをつかみます。これにより、この画面の重要な機能である成分の選択を元に戻すことができなくなります。

これを私がやりたいことを実行する方法についての提案はありますか?理想的には、以前使用していたものよりも直感的な世界なので、単純なドラッグオン、ドラッグオフUIを保持したいと思います。 (多段階のHTMLフォーム...震える...)
答え
結局、私の頭をさまざまな壁にぶつけて数日した後、Scriptaculousはデフォルトで喜んで入れ子にします。

問題は、draggable_elementの呼び出しが次のようになる場合です。

<% draggable_element blah blah blah blah blah blah blah%>


の代わりに

<%= draggable_element blah blah blah blah blah blah blah %>


ああ!
関連記事

javascript - Adobe AIRで最適に機能するwysiwygエディターはどれですか? [閉まっている]

javascript - Firefoxでのレンダリング順序

javascript - Scriptaculousのソート可能なマトリックス

php - 生成されたデータでJavaScriptを確認して印刷しませんか?

asp.net - クライアント側からNetFlixキューのようなドロップダウンリストコントロールを並べ替える方法(JavaScript)

c# - Webkitを埋め込むときにページを操作する最良の方法は?

javascript - Jaxerを使用する場合のオブジェクトの定義

javascript - JavaScriptのメソッドごとの平均コード行数を計算する

javascript - 外部ComboboxからDOM内の要素への推奨値のレンダリング

javascript - Firefoxのプロキシ設定が「固定」されない