問題タブ [droppable]

私はjQueryが初めてで、ドロップ可能なAPIを使用しています。

ドロップ可能なアイテムを1つだけ保持できるdivのグループが必要です。ドロップ可能な div のクラスを inv に設定しました。項目を div にドロップすることはできますが、ドロップ関数で一度ドロップを拒否する方法を見つけることができます。

div に既に子があることを検出できるようにしたいのですが、それがドープされた要素を元に戻す場合。

私のコードは現在このようになっています

ドラッグ可能なアイコンを受け入れるドロップ可能なli要素のセットがあります。アイテムのリストは、スクロール可能な div 要素にあります。ここに簡単な例をまとめました: http://www.nerdydork.com/demos/dragscroll/

ドラッグ可能な要素をドラッグしているときに、要素のリストを自動スクロールする方法があるかどうか疑問に思っています。たとえば、あなたがhttp://www.nerdydork.com/demos/dragscroll/#jのように中間にいるとしましょう。div の上部に近づくと上にスクロールし始め、div の下部に近づくと下にスクロールし始めます。

jQueryでこれを達成する方法を知っている人はいますか?

アップデート

私は近づいています。コンテナ div の上部と下部に固定 div を作成しました。ホバリングすると、 http: //plugins.jquery.com/project/aautoscroll を使用して自動スクロールが開始されます

問題は、下の領域にカーソルを合わせると、文字のドラッグ可能性が台無しになることです。ただし、自動スクロール領域の下部に問題があるようです。

私が話しているバグを確認するには、次の短いビデオをご覧ください: http://screencast.com/t/JBFWzhPzGfz

下に自動スクロールすると、ホバーが右の文字の上にないことに注意してください。ビデオの終わりに向かって、リストの左マージンにカーソルを合わせると、何らかの理由でリセットされ、再び機能するように見えることがわかります。

jQueryUIタブコントロールがあります。並べ替え可能なブロックが含まれています。他のタブにドロップすることもできます。ブロックが別のタブにドロップされたときに、スライドエフェクトを使用して、新しいタブに表示する前に、現在のタブからブロックを非表示にします。

これがjsfiddleの問題のデモンストレーションです（問題を複製するには、jsFiddleリンクの指示に従ってください）

jsFiddleデモは、最初は問題の動作状態を示しています。標準の.hide（）メソッドを使用してブロックを非表示にします。ただし、hide（）で「スライド」効果を使用すると、予期しない結果が発生します。ブロックはアニメーション化されていません。代わりに、1000msのアニメーション間隔の後、ブロックはタブから消え、新しいタブの予期しない位置に配置されます。

予想される動作は、ブロックが左にスライドし、[フル]タブから[空]タブに移動することです。

特定のドロップ可能な要素が残ったらすぐに、要素を元のサイズと位置に戻す方法を探しています。

基本的に、私が持っているのは、ドロップ可能な領域にドラッグしてサイズを変更できる画像の選択ですが、ドロップ可能な領域から画像を移動することで、画像を元の場所に「戻す」ことができるようにしたいと思います。

ありがとう！

それぞれ Jquery UI タブ内に 2 つの接続されたリストがあります。リストをタブを介して接続して、 li要素を1つのulリストからタブ名にドラッグアンドドロップすると、li要素がターゲットulリストに追加されるようにしたいと思います。

タブ Jquery tutorial を介して接続リストを使用して JQuery である程度これを行うことができましたが、ドロップイベントで必要なコールバック関数を構築できませんでした。

コールバックは、(a) ドラッグ可能なアイテムの ID を識別し、(b) ドロップされたドロップ可能なタブに基づいてターゲット リストを識別し、(c) GET/POST を介して両方を PHP スクリプトに送信する必要があります。データベースの相互作用 (あるデータベース テーブルから別のデータベース テーブルへの項目の移動)。

これが私がこれまでに使用しているJQueryです（最初の部分はsortable1とsortable2の内部ソートを処理します）：

(ドロップ イーブン コールバックは空です。これまでのところ、私の試みはどれも機能していません。)

リストの html 出力は次のとおりです。

この問題の助けをいただければ幸いです。ありがとう。

編集：

次のように解決しました。

私はjqueryを初めて使用します。画像のクローンをドラッグして領域にドロップするコードを見つけました。しかし、その画像をドラッグすると、ドロップ領域に直接追加されます。ドラッグ中は表示されませんでした。

誰かが解決策を見つけるのを手伝ってください。

ここにjsfiddleのリンクがあります..リンクですが、いくつかのスクリプトを含めることができないため、ローテーションしませんでした..これらのスクリプトは...

ドロップ時に初めて画像をドラッグする解決策を誰かに教えてもらえますか。

ドロップ時の ajax 呼び出しが失敗を返した場合、ドラッグ可能なものを元の位置に戻したい。これが私が想像しているコードです.. ajax呼び出しの処理中にドラッグ可能なものがドロップ可能にある場合は問題ありません...

この機能を動作させるのに問題があります。

状況は次のとおりです。

1. ユーザーが項目を div にドラッグします
2. ドロップ時に、アイテム ID を持つコントローラー アクションに AJAX Post が送信されます。
3. 成功したら、アイテムがドロップされた div を、データベースから取得した html マークアップに置き換えます。.replaceWith(data) 注: このマークアップは、項目がドロップされた ID と同じ ID を持つ div であり、いくつかの追加要素が含まれています。
4. これにより、更新された div が読み込まれます。

これはすべて完全に機能しますが、問題は、別のアイテムをdivにドラッグできないことです。AJAX Postの後にロードされる新しいdiv（同じIDを持つ）と関係があると確信しています。

これが私のjQueryコードです

ゴミ箱に落とした後の並べ替えを防ぐために、私は使用しています

しかし、firebugでエラーが発生します。すべてが期待どおりに機能しますが、何か間違ったことをしたのではないかと心配しています。ゴミ箱へのドロップ可能なドロップの後、ソート可能な更新をどのように停止する必要がありましたか?