問題タブ [droppable]

ドキュメントはここにあります

例では次のように述べています。

onDrop: Draggable が Droppable 上で解放され、Droppable がそれを受け入れるたびに呼び出されます。コールバックは、Draggable 要素、Droppable 要素、および Event の 3 つのパラメーターを取得します。ドロップに関する追加情報 (Ctrl キーまたは Shift キーが押された場合など) を Event オブジェクトから抽出できます。

次に、いくつかのコードを提供します

Droppables.add('shopping_cart', { accept: 'products', onDrop: function(element) { $('shopping_cart_text').update('Dropped the ' + element.alt + ' on me.'); } }) ;

コード内で「要素」というあいまいな単語が使用されています。 私の質問は、このコールバック JavaScript 関数でドラッグ可能な要素とドロップ可能な要素を参照する方法の良い例はありますか?

私はjQueryに少し慣れていないので、誰かが私を助けてくれることを願っています.

(li) が削除された後、要素 (li) を別の要素 (div) に変更しようとしています。

サンプルコード:

問題は、私が使用するときです

上記の関数がトリガーされると、元のドラッグ可能な要素は無効になります。

最新の jQuery および jQuery UI 安定バージョンを使用しています。

jquery 1.3.1 (UI バージョン 1.5.3) のドロップ可能な効果に問題があります。私が知る限り、drop() 関数が呼び出されないことを除いて、すべてが完全に機能します。ドロップ可能なターゲットが (サムネイル クラスを介して) ドラッグされる要素を受け入れていることはわかりますが、ドラッグ可能なアイテムはドロップしません。事前にご協力いただきありがとうございます。

誰かが以下のコードを取る方法を説明できますか？

これがスクリーンショットです

代替テキストhttp://img196.imageshack.us/img196/9514/picture4omk.png

これは私のJSです

これは私の現在のビューです

これは私の現在のコントローラーです

助けてください！

私は次のコードを機能させるために非常に努力してきました。これにより、あるULから別のULにliをドラッグすると、新しいULにあることが検出され、そのデータが保存されます。どこから始めたらいいのかわからない

私はどんな助けにも非常に感謝します。

私はその理由を理解しようとしています

外で働くでしょう

jquery のドロップ可能なスクリプトの領域ですが、内部では機能しません。具体的には、

を取得しRuntime Error (line 1102) data(...).options is null or not an objectます。$('#title').append('ha');また、drop: の中にa を挿入すると、機能します。しかし、私$('#title').replaceWith('ha');が外のどこかに置くと

できます？

ランダムなテキスト、画像、またはテキストと画像を受け入れるドロップ可能な領域を作成しようとしています。

jQuery でドロップ可能を作成する方法は知っていますが、明示的にドラッグ可能と宣言された項目のみを受け入れます。私がやりたいことは、ブラウザーでマウスを使用してランダムなテキスト、画像、またはテキストと画像を強調表示し、それをドロップ可能な領域にドラッグすることです (この括弧で囲まれたステートメントを強調表示してドラッグすることを想像してください - 実際のドラッグ可能なものは必要ありません)。

ランダムなものを受け入れ、そこにドロップされているものに関する情報を提供できるドロップ可能な領域を作成するにはどうすればよいですか?

どんな助けでも大歓迎です。

よろしく、デビッド

その下に3つの並べ替え可能な列を含むタブ付きビューがあるページがあります。現在、タブにはjQueryコードが関連付けられていません。ただし、すべてのドロップ可能なクラスを指定しましたが、IEでは、コンテンツの一部を列間でドラッグしてから再度移動すると、DOMのparentNodeにアクセスしようとしているときにjQueryが爆発します。同様の問題について説明しているこの記事を見つけましたが、1年前であり、IE7について言及しています。IE8に同様の問題があるかどうか誰かが知っていますか？

更新：バグは何らかの形でUpdatePanelsに関連しています...各列は個別のupdatepanelであり、updatepanelsを削除すると、ページは正常に機能します。

Jqueryを使用してドロップ可能なオブジェクトを複製しようとしていますが、複製されたオブジェクトはドロップ可能ではありません。

HTML

Firebugは、複製されたオブジェクトにもui-droppableクラスがあることを示していますが、なぜそれが機能しないのか考えてみてください。

編集
bool（true）を設定するか、複製されたオブジェクトを.droppable（）でチェーンすることも機能しません

画面を 2 つに分割しましDIVた。左側DIVには 50x50 ピクセルDIVの s がいくつかあり、右側DIVには 80x80 s で作られた空のグリッドがありますLI。DIV左側の はドラッグ可能で、 にドロップすると、そのLIの中心にスナップする必要がありLIます。

シンプルですね。私はこれを成し遂げる方法を知りません。ドロップされたとCSS プロパティを操作して、それらDIVがドロップされたものと一致するようにしましたが、とプロパティは left に対して相対的です。topleftLIlefttopDIV

ドロップされた要素をドロップ先の要素の中心にスナップさせるにはどうすればよいですか? それは簡単なことですよね？

編集: jQuery 1.3.2 で jQuery UI 1.7.2 を使用しています。

編集2:この問題を抱えている他の人のために、これは私がそれを修正した方法です:

dropドラッグされた要素を削除し、ドロップ可能なプラグインのコールバックでドロップされた要素内に配置するという Keith のソリューションを使用しました。

ドロップされた要素を再びドラッグ可能にすることはありませんが、そうする場合は、ドラッグ可能な要素を再度バインドするだけです。

私にとって、この方法は、ドロップされた要素を配置するときに発生した問題も解決しました (これは left に対して相対的ですDIV) DIV。(要素はページ上で固定されたままになりますが、スクロールするようになりました)。

ドラッグ中に見栄えを良くするためにスナップオプションをいじったので、その提案についてkarim79に感謝します。

これで素晴らしいコードの賞品を獲得することはおそらくないので、改善の余地がある場合は共有してください!