問題タブ [droppable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
657 参照

javascript - オブジェクトを scriptaculous ドロップ可能にとどめる

人々が Scriptaculous に追加したものを調べていたときに興味深いコードを見つけたので、自分の目的に合わせて修正しようとしています。ドロップ ハンドラー コードを貼り付けると、ページの読み込みが停止することを除いて、ほぼすべてが機能しました。

関連するスニペットは次のとおりです。

ドラッグ可能の場合:

ドロッパブルの場合:

ドロップハンドラー:

コードを「alert()」に置き換えたところ、正常に機能し始めたので、最後のブロックの何かがうまく機能していません。現在のバージョンの scriptaculous で動作するように、多くのコードを変更する必要がありましたが、私はそれほど詳しくないので、古いコードと関係があるのでしょうか? または、私が見るのに十分ではない何かが間違っている可能性があります.

0 投票する
3 に答える
2978 参照

jquery - 複数の jQuery UI ドロップ可能オブジェクトがトリガーされないようにするにはどうすればよいですか?

jQuery UI のドラッグ可能なものと、個別に定義されたいくつかのdroppablesがあります。ドロップ可能オブジェクトの 1 つが構成tolerance: 'intersect'されているため、ドラッグ可能オブジェクトが複数の種類のドロップ可能オブジェクトに同時にドロップされる可能性があります。

意図しないドロップ可能アイテムが発射されるのを防ぐ最善の方法は何ですか? tolerance: 'intersect'基本的に、別のドロップ可能がトリガーされた場合にドロップ可能がトリガーされないように、ドロップ可能を優先したいと思います。

更新- 物事を明確にするための詳細情報:

  • tolerance: 'pointer'ドロップ可能の 1 つのクラスを除いて、すべてのドロップ可能が構成されますtolerance: 'intersect'

  • ドロップ可能の 1 つのクラスが存在する理由tolerance: 'intersect'は、ドロップ可能が非常に狭く、ユーザーが でそれらを見つけるのに問題があるためtolerance: 'pointer'です。

  • ドロップ可能なものをさらに離すことはオプションではありません。

  • ドロップ可能なものはどれもオーバーラップしませんが、ドラッグ可能なものはtolerance: 'intersect'、マウス ポインターが のある別のドロップ可能なものの上にある間に、ドロップ可能なものとオーバーラップするのに十分な大きさtolerance: 'pointer'です。この方法では、最大 2 つのドロップ可能オブジェクトを一度にトリガーできます。

  • tolerance: 'intersect'UI は、別のドロップ可能オブジェクトがトリガーされた場合にドロップ可能オブジェクトを無視することで、ユーザーの意図を判断できるようにレイアウトされています。つまり、ユーザーがマウス ポインターを でドロップ可能な上に移動した場合、tolerance: 'pointer'そこにドロップするつもりであると想定しても安全です。問題は、不要なドロップ可能ファイルを無視する方法がわかりません。

0 投票する
3 に答える
4262 参照

jquery - jQueryドラッグ/ドロップの問題:mousemoveイベントが一部の要素にバインドされていません

Google でホストされている最新の jQuery/UI を使用します。次のマークアップがあります。

そして、次のJavaScript:

});

最初のものを 2 番目の上にドラッグするliと、mousemove 関数が起動します (そして、firebug が出力をログに記録します)。しかし、2 番目を最初の上にドラッグするliと、mousemove 関数は起動しません。これはライブで見ることができますhttp://jsbin.com/ivala。これには理由がありますか?他の方法で mousemove イベントをトラップする必要がありますか?

編集: mousemove() イベントは、現在ドラッグされている要素より前の要素にバインドされていないようです (マウスオーバー時にバインドする必要があります)。

0 投票する
1 に答える
133 参照

javascript - スクリプトでのjQueryドラッグ可能/ドロップ可能の操作[UPD]

スクリプトでソート可能なリストにアイテムを追加したい。ユーザーはアイテムを直接リストにドラッグでき、いくつかのチェックボックスをオンにして[リストに送信]ボタンを押すことができます。最初のアプローチは機能しますが、2番目のアプローチは機能しません。

問題は、$(ui.draggable)を関数に渡すと機能することです。しかし、jQueryチェーン($(this).parent().parent().find('div.drag'))でドラッグ可能な要素をポイントしてこれを渡すと、機能しません。これらの2つのオブジェクトは等しくないようです(2番目のオブジェクトのクローンを作成し、を使用して1つに減らしてみましたがeq、何も機能しません)。

0 投票する
1 に答える
873 参照

jquery - jqueryのドロップ可能エリア

ドラッグした後、div がドロップされた場所を見つけるにはどうすればよいですか?

0 投票する
1 に答える
268 参照

jquery - エリア「AマイナスB」をjQueryでドロップ可能として定義するにはどうすればよいですか?

私は2つのdivを持っています。divBが完全にdivA内に含まれているとしましょう。

エリア「AマイナスB」をドロップ可能にします。つまり、BでカバーされていないAの領域にアイテムをドロップできるようにしたいのです。

どうやってやるの?

0 投票する
1 に答える
1206 参照

jquery - JQueryのドラッグ可能な要素のコンテキスト内にオブジェクトを挿入するにはどうすればよいですか?

ドラッグ可能/ドロップ可能なJQuery機能を次のように使用します

ドラッグ可能なオブジェクトのコンテキスト内にオブジェクトを注入できるかどうかを知りたいのですが。何かのようなもの

したがって、ターゲットコンテナでは、次のようなものを使用できます(2番目のアラートステートメントに注意してください)

どうすればいいですか?

よろしく、

0 投票する
8 に答える
46206 参照

javascript - jqueryのドロップ可能な受け入れ

受け入れ状態で関数を作成する方法と、受け入れるものと受け入れないものをどのように見つけるかを誰かに教えてもらえますか。たとえば、受け入れdiv adiv b受け入れ状態にしたい。関数を介して I を記述するにはどうすればよいですか?

0 投票する
2 に答える
2736 参照

jquery - Jquery Drag-Drop (ドロップされる要素を取得する)

オブジェクトがドロップされているセルを検出しようとしています。

ドロップ時に、div がドロップされた日付を特定するにはどうすればよいですか?

0 投票する
1 に答える
501 参照

jquery - jQuery UI:ドロップ可能な背景?

ゴミ箱を作成しようとしています。そこにいくつかのアイテムを置いた後、それを開いて、ゴミ箱の外にドロップすることで、ゴミ箱からアイテムをドラッグすることができます。

私がこれを設定した方法は、私の Web アプリにごみ箱アイコンがあり、そこにアイテムをドロップし、ごみ箱をクリックすると、ごみ箱に入れられたアイテムが入ったボックスが開き、他のすべてを覆い隠す黒い透明な背景でフェードアウトするため、ごみ箱に集中するだけです箱。

コードは基本的に

背景 CSS は固定位置に設定され、幅と高さが 100% に設定され、ドロップ可能として設定されます。問題は、ゴミ箱から何かをドラッグして背景にドロップすると、ゴミ箱の上にドロップしても削除されることです。基本的に、jQuery は、背景よりも高い z-index を定義しても、trashcanContainer div が背景 div の上にある (したがって、droppable の一部ではない) ことを理解していません。

これを機能させる方法はありますか?