問題タブ [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.
jquery - jQuery Droppable Hover と Active Class が優先されますか?
アクティブ クラスとホバー クラスが Firebug に適用されているのに問題がありますが、既存のスタイルよりも優先されません。
したがって、要素に背景色が設定されている場合、アクティブおよびホバーの背景色は要素を変更しません。
この動作を修正するにはどうすればよいですか?
jquery - ネストされたリストに jquery-ui droppable を適用する
ネストされたリストでjquery droppableを使用して、ホバー時のliの背景色に変更を適用しようとしています。問題は、リストの最初の項目にのみ適用されることです。ただし、アラートは引き続きリスト項目内のテキストを警告しています。なぜこれが起こるのでしょうか?
[編集] 一部のテストでは、アラートは正常に機能し、(fireBug によると) ホバー クラスが適用されていますが、最初の要素にカーソルを合わせたときにのみテキストの色が変更されます。
[ css はコメントです ] - また、関連している可能性があり、css エラーの可能性があります。ホバー時に li の背景色を設定できず、フォントの色のみを設定できません。
[解決済み] - そして最後に、すべてのリスト項目に id が添付されていても、($(this).id) を警告することはできません。
javascript - ドラッグしているオブジェクトを変更し、ドロップ後に元に戻す
私を助けてください、私は一般的にドラッグ可能およびドロップ可能なクラスを使用する方法を知っていますが、これを達成する方法を見つけることができません:
div にドラッグ アンド ドロップする必要がある大きなサイズの画像があります。
1)ドラッグ中に、大きなサイズの画像を移動する代わりに、小さなサイズの画像を使用したい(すでに持っているので、srcを変更するだけです)。
2)ターゲットのdivに到達したら、ドラッグした画像を非表示にして、元の場所に大きなサイズの画像を再度表示したいと思います。
唯一の制限は、「元に戻す: 無効」を適用する必要があることです。
これは私のコードです:
ありがとうございました。
jquery-ui - オーバーフロースクロールコンテナ内のjQueryUIドロップ可能
私はすでにjQueryフォーラムでこの質問をしましたが、ここほど活発ではありません。
1つのページに複数のドロップ可能な領域がある場合に問題が発生しました。複数のドロップ可能な領域があり、スクロールできるdiv(オーバーフロー:スクロール)の上に、移動しない「静的な」ドロップ可能な領域があります。div内のドロップ可能オブジェクトの1つが静的ドロップ可能オブジェクトの下にあるようにdivをスクロールすると、静的領域にドロップすると、両方の領域に対してドロップイベントが発生します。
申し訳ありませんが、この説明はあいまいな場合があるため、サンプルをまとめました。
マークアップ:
Javascript:
静的ドロップ領域を「貪欲」にしようとしましたが、それは状況に役立たなかったようです。
これを止める方法について何か考えはありますか?
jquery - 同じサイズの div を使用する場合の JQuery の Droppable Tolerance 'fit' 機能の問題
jQueryのUIで「ドロップ可能」機能を使用するときに、他の誰かが許容範囲を取得できるかどうか疑問に思っています:「フィット」オプションは機能しますか?
ドラッグ可能な div がドロップ可能な div に完全にドロップされた場合にのみ、関数を呼び出したいです。両方の div は同じサイズであり、エンド ユーザーを支援するために snapMode:outer を使用しています。
「フィット」で動作させることはできません。「交差」と完全に連携します。
助けていただければ幸いです。
ありがとうクリス
jquery - jquery uiの複数ドロップの問題
2 つのドロップ可能な div があり、ドラッグがそれらのいずれかにドロップされると、そのドロップ要素の ID を取得しようとしています。DOM の最初のドロップ要素の ID を常に返します。
drag-and-drop - Scriptaculous Draggable/Droppable スクリプトがスクロール div にドラッグすると正しく動作しない
Scriptaculous Draggable /Droppable スクリプトを使用していますが、スクロール div にドラッグするときに問題が発生します。私は次のレイアウトを持っています(この質問に基づいて):
html は次のとおりです。
ドラッグ可能なアイテムを持つ別の div がありますが、すべての img 要素はドロップ可能です。これはほとんどの場合に非常にうまく機能しますが、グリッドの画像が多すぎてスクロールする必要がある場合、問題が発生します。その div のほとんどの項目にドラッグ アンド ドロップできますが、下にスクロールしてリストの一番下にある項目にドラッグしようとすると、div をスクロールする前に一番下にあった行にドロップされます。
Draggable アイテムの作成時に scroll 属性を設定しても、グリッド div はスクロールされますが、適切な Droppable アイテムは使用されません。
含まれている div がスクロールされているかどうかに関係なく、Draggable アイテムを適切な Droppable 要素にドロップする方法はありますか?
jquery - jQuery - ドラッグ可能なクローンに対するドラッグ アンド ドロップのビジュアル フィードバック
ドロッパブルを使用してフィードバックを提供することは、構造が深くネストされているため (グリーディーを使用)、適切なオプションではないため、ドラッグ可能 (クローン) を変更して視覚的なフィードバックを提供したいと考えています。
これは可能ですか?jQueryでこれを行った人はいますか?
例を見たことがなく、それを達成する方法がわかりません。オーバー/アウト イベントを試してみましたが、マウスの移動で呼び出されるように見えるため、正しくないようです。
アドバイス、特にスケッチされた例は大歓迎です。
jquery - ソート可能にドラッグ可能なjQueryは、ソート後にのみ機能します
DraggableとSortableの単純な組み合わせで問題が発生しています。最初は、ドラッグが機能せず、受信コールバックを受け取りません。並べ替えを行った後(つまり、#workarea内の物の位置を変更した後)にのみ、新しい物をそこにドラッグできます。
どういうわけか、ドラッグ可能なものを受け入れる前に、ソート可能なものを「初期化」する必要があるように見えます。簡略化されたバージョンの私のコード:
誰かが私がここで間違っている可能性があることについて考えを持っていますか?
jquery - ドラッグ可能オブジェクトがドロップ可能オブジェクトによって拒否された場合、ユーザー フィードバックを提供するにはどうすればよいですか?
jQuery 1.3 jQuery UI 1.7.2
単一のドラッグ可能なもののみを受け入れる多くのドロップ可能な div があるアプリケーションがあります。これを行うには、すべてのドロップ可能アイテムの受け入れオプションを、有効なドラッグ可能アイテムをチェックし、それが既に占有されているかどうかをチェックする関数に設定します。占有されている場合、accept 関数は false を返し、そうでない場合は true を返します。したがって、ユーザーが既に占有されているドロップ可能オブジェクトにドラッグ可能オブジェクトをドロップしようとすると、ドラッグ可能オブジェクトは元に戻ります。
私がやりたいことは、ユーザーが占有されているドロップ可能アイテムの上にドラッグ可能アイテムをドロップしたときに、追加のフィードバックを提供することです。どうすればこれを行うことができますか?