問題タブ [droppable]

そのままで問題なく動作するドラッグアンドドロップコードがいくつかあります。少しだけ質問があります。デバッグ目的でドロップ関数内にアラートを追加すると (例: alert(draggedItem.text());)、ドラッグ可能な領域に何かをドロップするとアラートが 2 回発生することに気付きました。別の投稿で、ドロップ可能とソート可能を一緒に使用すると、この奇妙な二重イベントが発生することを読みました。しかし、ドロップ可能なイベントを使用して、ドラッグされた項目オブジェクト (ui.draggable) を取得する必要があります。これは、ドロップしたときに操作できるようにするためです。ドラッグ可能なオブジェクトを取得する他の方法がある場合は、教えてください:) また、なぜこれが起こるのかについての説明があれば、それは興味深いでしょう...

これに関連する別のクエリもありますが、コードが非常に大きいため、ここにすべてを投稿することはできません。ですから、あなたが助けられない場合は理解しています-何かが頭に浮かんだら、それは本当にクールです. 基本的に、複数の行にドラッグできる「ブロック」のリストがあります。トグル イベントを使用して、個々の行を非表示にすることができます。3 つの行がある場合、ブロックをそれらのいずれかにドラッグできます。最初の行を非表示にすると、他の 2 つの行にドラッグできなくなります。私はまだそれらを並べ替えることができます。そして、並べ替えを開始すると、再びドラッグできるようになります。変...

2 番目のテーブルにドロップできるドラッグ可能なテーブル セルのリストがあります。元のテーブルからアイテムがドラッグされた場合、元のテーブルは変更されないため、それらは複製するように設定されています。

今、2番目のテーブル内のドロップされた要素をセルからセルに移動できるようにしたいと考えています。ただし、2 番目のテーブル内で要素をドラッグしているときに Control キーを押すと、要素が複製されます。この最後の部分をエレガントに達成する方法がわかりません。

これまでの私のコードでは、Ctrl 部分のクローンのみが欠落しています:

私が達成したい動作は、要素がテーブルの別のセルにドラッグされた場合、そこに移動する必要があるということです。Ctrl キーを押しながら要素をドラッグした場合、または常に複製する必要のある定義済み要素の 1 つである場合は、要素のコピーを作成してターゲット セルに挿入する必要があります。

ここに貼り付けたコードでは、ドロップ可能に追加される新しい要素を作成しています。これはドラッグ可能なクローンの場合は問題なく機能しますが、ドラッグ可能なクローン以外の場合は元のドラッグ可能なものが残るため、複製してしまいます。

代わりに、ドラッグ可能なものをターゲットのドロップ可能なものに追加すると、クローンのドラッグ可能なものは元の場所から削除されます。

編集: 私は問題を発見しました.クローンされたものを参照するui.helperではなく、元のドラッグ可能を参照するui.draggableを使用していました。参照として、最終的な作業コードをここに追加します。

deactivate:要素がドロップされたかどうかに渡す方法はありますか?

要素がドロップされずに手放された場合（つまり、ドロップせずに非アクティブ化）、アニメーションを停止したいのですが、要素が正しくドロップされた場合は続行したいと思います。

ありがとう

jqueryを勉強中なので、簡単かもしれません。

色の名前をカラーボックスにドロップできる、本当に基本的なゲームを作ろうとしています (ドロップ可能およびドラッグ可能について学ぶのに役立ちます)。

いくつかの問題を除いて、動作しました。

1. アイテムの数を 1 に制限するにはどうすればよいですか? (何かがボックスに「ドロップ」されたかどうかを確認する方法はありますか?)

2. データをphpスクリプトに送信するにはどうすればよいですか?

これが私のデモです（削除済み）

ご協力いただきありがとうございます。

========

わかりました。ボックスにドロップインしたら、ドロップ ボックスを無効にできます。でも、気が変わったらリセットが必要です。

デモ2

色名を元の場所にリセットするにはどうすればよいですか?

JQueryのドロップ可能な機能に問題があります。ここからJSを変更しました：http：//jqueryui.com/demos/droppable/

ドラッグ可能およびドロップ可能をHTML要素のIDとして設定すると、JQueryは正常に機能します。
ただし、それらがクラスの場合、ドラッグ可能な機能のみが機能し、ドロップ機能は何も実行しないようであり、アラート機能は実行されません。

どんな助けでも素晴らしいでしょう。

jqueryuiのドラッグアンドドロップコードを使用しています。ドロップすると、getJSONリクエストが実行され、新しいデータをチェックしてデータベースを更新します。匿名関数内からドロップをキャンセルできないため、バックエンドがエラーを返すまで、これは正常に機能します。

エラーが発生した場合、バックエンドは次のようなjsonを返します。

ドロップを処理するコードは次のとおりです。

これが少し明確であることを願っています。何か案は？:)

さて、ページに簡単なドロップ可能があります。ユーザーがアクションを実行すると、関数が実行され、新しいドロップ可能オブジェクトが作成されます。元のドロップ可能オブジェクトは機能しなくなりました。それが機能する唯一の方法は、ドロップ可能オブジェクトがすべて同じクラス名を持っている場合ですが、元のものに何かをドロップすると、作成された新しいものにドロップしたと見なされます。ドロップ可能なものに一意の名前を使用しようとすると、最後に作成されたドロップ可能なものだけが機能し、他のものは事前に機能しません。単純な問題のようですが、何も見つかりませんでした。

ドラッグ可能な要素があります

2 つの問題があります。

1. この要素がドロップされると、元の要素は自動的に無効になります。

2. ドロップされた要素には、クローズ アンカー タグが追加されます。この「閉じる」をクリックすると、元の要素は再びドラッグ可能になり、ドロップ可能な「div」から削除する必要があります。

次のようにクローズアンカーのハンドラーを作成しました。これは要素をドロップ可能から削除しますが、再度ドラッグ可能にはしません。

助けてください。前もって感謝します。

connectWith独自のタイプのリスト内でのみソートできるようにするために使用しているソート可能なリストがあります。

今、アイテムが並べ替えられているときにビューポートの下部に表示される、ドロップ可能なゴミ箱要素を作成しようとしています。この要素はリストのコンテキスト外にあり、ドロップされた要素を単純に削除します。必要な機能は、Android フォンのデスクトップからショートカットを削除するのと同じです。

問題は、ゴミ箱は「*」を受け入れるドロップ可能ですが、ソート可能はconnectWith他の「.dropZone」アイテムにのみ通知されるため、ソート可能な要素を取得してゴミ箱要素にホバー状態を発生させることができないことです.

イベントで各ソート可能をドラッグ可能にしようとしましたstartが、もちろん、そのドラッグ可能を正確な瞬間にドラッグしていないため、アクティブ化されていません。両方の要件を満たすことは可能ですか、それともごみ箱のホバーを手動で検出する必要がありますか?

接続された並べ替え可能なリストに私のドラッグ可能なアイテムを作成するために誰が私に恩恵を与えることができますか? 接続されている並べ替え可能なリストが「overflow:auto」スタイルの div をオーバーフローしている場合、ドラッグ可能なアイテムをそこにドラッグできないことがわかりました。バグですか？誰でも私を助けてください。よろしくお願いします!:-)