問題タブ [jquery-droppable]

http://jsfiddle.net/stevea/zPPPV/3/で簡単なドラッグアンドドロップの状況があります。緑色のボックスをドラッグ アンド ドロップすると、ドロップ ハンドラーはドラッグされたオブジェクトのクローンを作成し、ドロップが発生した xy の赤いボックスに挿入します。緑色のボックスには絶対位置があり、クローンにはドロップ ポイントでオフセットが与えられます。

ボックスのドラッグ アンド ドロップは一度は正常に機能しますが、Firebug が ui-draggable クラスを持っていることを示していても、複製して挿入された新しいボックスをドラッグ アンド ドロップすることはできません。

誰かが問題を見ていますか？

ありがとう。

jsfiddle を参照したので、明らかにコードを表示する必要があります。

ドラッグアンドドロップタイプのクイックメニューを作りました。基本的には、アイテムをリストからごみ箱の div にドラッグすると、「なくなった」というアラートが表示されるようにしました。

アイテムをどこにでもドラッグできないようにしたい。ゴミ箱または「.list4」と呼ばれる場所に移動するか、元の位置に戻す必要があります。

これがJSFiddleです：http://jsfiddle.net/Gdze8/

Javascript は次のとおりです。

また、私がここにいる間、「ゴミ箱」に入ったアイテムを削除する方法はありますか?

Jquery UI ドラッグ アンド ドロップを使用する次のコードがあります。アイテムがその領域にドロップされると、ドロップ ゾーンが会社のロゴに変わります。遅延と、ドロップされたリンク内の URL へのリダイレクトが必要です。

ロゴを変更するか、リダイレクトするURLを取得できますが、両方を設定すると、遅延は発生せず、リダイレクトが開始されます。私はsetTimeoutで何か間違ったことをしていると思います。

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

私の理解では、Draggable UI のヘルパー オプションは、こちらで説明されている表示効果にすぎません。

しかし、テーブルで使用すると、バグが発生しているように見えます (追加位置が間違っています)。

例: http://jsfiddle.net/hmj83/

誰でもこの動作を説明したり、回避策/修正を提供したりできますか?

ありがとう。

私は JavaScript と JQuery にまったく慣れていないので、私の問題を解決してくれることを願っています。

いくつかの小さな tr に div をドロップし、div でカバーされる最高のものを取得したいと考えています。しかし、JQuery は div の中心にある tr を選択しているようです。

divの高さを使用してトップtrを計算せずにこれを実現する簡単な方法はありますか?

たぶん、私は何か間違ったことをしている、または何かを見逃しているだけです。

HTML:

JQuery:

jsfiddleとして

前もって感謝します！

jQueryUI (最新バージョン) でのドラッグ アンド ドロップに少し問題があります。

私はドラッグ可能なものを持っていますが、それはそれほど特別なことではありません。ドロップ場所は 2 つありますが、親子ではありません。

最初のドロップ可能なものは、2 番目のもののすぐ上にあります。2 番目のドロップ可能要素は、スクロール可能な div 内にあります。そして、そのdivが少し下にスクロールしたときに問題が発生します。div がスクロールすると、2 番目のドロップ可能オブジェクトは効果的に上に移動しますが、これは隠されています。

Chrome で要素インスペクターを使用すると、強調表示されていることがわかります。

最初のドロップ可能オブジェクトにドラッグ可能オブジェクトをドロップすると、両方のドロップ可能オブジェクトが起動されますが、最初のドロップ可能オブジェクトのみが起動されます。

「greedy: true」を使用しても機能しないようです。おそらく、親子ではないためです。

それらが発射される順序は予測可能です。1 つ目 (目に見えるドロップ可能) が最初に起動され、次に 2 つ目 (実際には見えません) が起動されます。

2番目のドロップ可能アイテムが発火するのを防ぐ方法はありますか?

http://jsfiddle.net/vQuZf/1/

私はjQuery初心者ですがlightbox、ページに多数の画像が存在する可能性がある場所をシミュレートしようとしており、ユーザーが画像をドロップゾーンにドラッグアンドドロップしてから追加できる「フローティング」ドロップゾーンを持っていますライトボックス。

ライトボックスは、2 つの行と 4 つのセルを含むテーブルで構成され、各セル内にドロップゾーンである div があります。

テーブル/セルを使用して画像の順序を調整するつもりでした (画像は (特に) AJAX 経由でサーバーに保存されます)。

私は実際にスナップを介して画像を中央に配置しましたが、div静的に配置する必要があります。おそらくこれには別の解決策がありますが、いずれの場合も、位置/静的をドラッグ可能に追加することを省略すると、コンテナdivまたはテーブルセル内に配置されません:

ドロップゾーンにドラッグされた画像は新しいドロップゾーンにドラッグできますが、2 回目のドラッグで画像が表示されないかdiv、正しくドロップされます。"を削除する"$(this).append(ui.draggable.css('position', 'static'))と、2 番目のドラッグは正しく機能しますが、ドロップボックスには含まれません。

これがフィドルです：フィドル

上下に 2 つのドロップ ゾーンがあり、高さがドロップ ゾーンの高さとそれらの間の間隔の合計に等しいドラッグ可能な要素があるとします。要素を両方のゾーンにドラッグしてマウスを離すと、要素は上部のドロップ ゾーンではなく下部のドロップ ゾーンに追加されます。私がする必要があるのは、要素を両方のゾーンに配置する場合、要素を2番目のゾーンではなく最初のゾーンにドロップすることです。

これは私がこれまでに試したことです。

フィドル

そしてこれがスクリプトです

誰か助けてくれませんか。

編集: このような複数のドロップゾーンが隣り合わせに積み重ねられている場合があります。3x3 グリッドのように。いずれの場合も、ドロップを受け入れるのは上部のドロップゾーンであり、下部のドロップゾーンではありません。たとえば、列 1 => 行 1 と行 2 にカーソルを合わせると、col1 行 1 がドロップゾーンになります。列 1 => 行 2 および行 3 にカーソルを合わせると、 col1 row2 がドロップゾーンになります。

これは、私たちが開発しようとしているゲーム用です。ドラッグ アンド ドロップは、質問に投稿した方法で機能するはずです。