問題タブ [droppable]

これを行うための最良の方法はわかりません。私のJQueryは控えめに言っても「不器用」であると確信していますが、それによって作業の最初の部分が完了します。

私は「製品」を次のようなバスケットにドラッグしています。

はい、ドロップした後も「CSSを操作」しています。これまでのところ、ドロップされた要素IDを「取得」できる唯一の方法は、バスケットをこのようにソート可能なものとして設定することです。

そうすることで、「結果」アラートを使用して、配列されたIDを確認できます。これは機能しますが、正しくないことは確かです。動作しないのは、次のようにバスケットからドロップされたアイテムを削除した場合です。

私が実際にやりたいのは、更新するバスケット配列です。しかし、そうではありません。手がかりをください。ありがとう。-ああ、私はJQueryで「非常にシンプル」なので、「シンプル」にしてください。

すべてドラッグおよびドロップ可能なタスクのリストがあります。それらすべてには、別のタスクがそれらの上にホバリングしているときにそれらが点灯することを確認するための「over」イベントハンドラーがあります。

これは私が望むように完全には機能していません。1つのタスクのドラッグを開始すると、マウスが実際にドラッグ可能なヘルパーの上にない場合を除いて、他のタスクが期待どおりに点灯しません（これは、カーソルを移動できるようにaxis ='y'を指定したために可能です）。ドラッグセッションを中断せずにヘルパーの左右）。

ドラッグしているタスクもドロップ可能であることが問題だと思ったので、ドラッグしたらドロップ可能性を無効にする必要があることを指定しました。

では、なぜドロップ可能なターゲット上にドラッグ可能なヘルパーがあるとオーバーイベントがトリガーされないのに、ドロップ可能なターゲット上にカーソルがあるとそのイベントがトリガーされるのでしょうか。

コードは次のとおりです。

ドロップイベントハンドラーを備えたドロップ可能ファイルがあります。

私はドラッグ可能です：

私がやりたいのは、実際にドラッグ可能をドラッグアンドドロップせずに、ドロップ可能でドロップイベントハンドラーをトリガーすることです。動作を物理的に実行せずに、実際の動作をシミュレートしたいと思います。

私はこのようなことができると思いました：

残念ながら、それはそれほど単純ではありません。誰かが私がこれを達成する方法を知っていますか？

ここから続きます：jquery droppable accept

要素ではなく一連の要素をターゲットにしていたらどうなるでしょうか? たとえば、「ul#moo li」のように。IF条件を変更するにはどうすればよいですか???

多くのセルを含むテーブルがある場合、50 行 x 50 列を想定してみましょう。各セルへの jquery の「ドロップ可能」の適用は非効率的ですか?

たとえば、droppable を親の TABLE に割り当ててから、項目がドロップされる実際の要素 (つまり TD) を何らかの方法でキャプチャできますか? イベント委任を正しく覚えていれば、特定のイベントで TD が最初にそれを受け取り、次に TABLE を受け取ります。

誰かが私を啓発してもらえますか？

ジェイソン

したがって、要素がドロップ可能である場合は、次のようなオプションを設定できることを知っています。

しかし、ドロップされた要素を参照できるように設定するにはどうすればよいですか。次のようなことができます。

ありがとう。

私は2つのdivを持っています：1つはドラッグ可能でもう1つはドロップ可能です

ドラッグ可能なdivを解放するときに、その親のクラスを見つけて、ドロップ可能なdivにドロップされた場合にアクションを実行します。それ以外の場合は、ドラッグをキャンセルします。

ドラッグ可能な関数の停止関数に、クラス「drop」のdivにドロップされた場合は問題ないという条件を設定したいのですが、それ以外の場合はドラッグ操作をキャンセルします。

これを実行する機能は何でしょうか？

ありがとう。

これは少し奇妙な欲求ですが、私はjQuery UIを使用してマッチングゲームを作成しており、ユーザー<ul>がjQueryの1つdraggables（リストA）から要素をドラッグしてからjQuery（リストB）にドロップできるようにしたいと考えていますdroppable。ユーザーは、リストAのすべてのアイテムがリストBの正しい場所にあると判断した後、ボタンをクリックして回答を確認できます。

これはそれがトリッキーになるところです。クリックして回答を確認すると、正しいアイテムが緑色になり、所定の位置にロックされます。間違ったアイテムは、間違ったドロップ可能アイテムに残されます。間違ったアイテムをリストAに戻す方法について誰か良いアイデアがありますか？

コードを投稿することはできますが、それが必要かどうかはわかりません。アイデアや模擬実装が必要なだけです。

ありがとう！

****

編集：

ケンのおかげで、これが私がやっていることです...アイテムがドロップされると、jQueryはそれに特定のcssプロパティを追加します。position:relative、、、topおよびleftは、アイテムが受け入れられたドロップ位置に固定されたままになるように変更されます。これらを元に戻すために、私は次のことを行いました（correctLoc正しくドロップされたアイテムに追加した後）：

$('li:not(.correctLoc)').animate({top: 0, left: 0});

ケンありがとう！

****

並べ替え可能なプロジェクトと呼ばれるオブジェクトのリストと、ドロップ可能なカテゴリと呼ばれるオブジェクトのリストがあります。並べ替え可能なプロジェクトをクリックしてドロップ可能なカテゴリの上にドラッグすると、プロジェクトが入るカテゴリが強調表示されるか、輪郭が描かれるか、その他の種類のアニメーションが表示されるように、どうにかして作成する必要があります。 .

add-class-on-hover-over-droppable-object タイプ関数のような単純なもので実行できると確信していますが、どのようにセットアップするべきかわかりません。

jQueryのドキュメントをいくつか見てみると、ドロップ可能なオブジェクトの場合、over: function(),属性を設定できることがわかりましたが、機能させることができませんでした...

これを機能させるにはどうすればよいですか?

JS ビンのデモ

仕事：

jQuery UI を使用してイベント スケジューラを作成しています。イベントは特定の長さ (分単位) であり、それぞれの最大長 (分単位) を持つ別の日にドラッグできます。この例では、1 日の最大長は 480 分であり、480 分を超える "イベント" をドロップすることは許可されません。

問題：

「イベント」によって「日」が最大時間長を超える場合 (既にドロップされた要素の合計時間に基づく)、その「日」は無効にする必要があります (この特定のイベントのドロップは許可されません)。

デモからわかるように、各日のイベントの合計時間を把握できます (「利用可能な時間」はドラッグ ストップで更新されます) が、イベントがドラッグされている場合にその日のドロップを無効にする方法がわかりません。 「利用可能な分数」がマイナスになります。