問題タブ [jquery-ui-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 - ドラッグ可能およびドロップ可能を使用するDivの非表示/表示が正しく機能しない - jQuery
私の問題は、ドラッグ可能なコンテンツをドロップ可能な領域にドラッグしている間<li>
、クラスを含む対応するものがsubtopic-drop-playlist
開き、それ<ul class="topic-list">
が発生display:block
し、以下のコンテンツが表示されることです。
ドラッグしたコンテンツをクラスが開いて<ul class="topic-list">
いる秒の中に移動すると、私の問題は何ですか..<li>
subtopic-drop-playlist
開いてはいけません..
その特定の にカーソルを合わせると<li>
、クラスを含む2 番目のクラスが開きます。subtopic-drop-playlist
<li>
そうでなければ、そうすべきではありません。以下で使用されるコードを提供しました...
どんな助けも感謝し、感謝します...
ドロップ可能エリア
ドラッグ可能なコンテンツ:
コンテンツをドロップ可能領域にドラッグしている間の表示/非表示:
jquery - jQuery Draggable コンテインメントの問題、親 div の外に要素をドラッグできない
次のような非常に単純な画像マネージャーがあります。
そしてそれと一緒に行くjQuery:
そして、これはCSSです:
画像はドラッグ可能ですが、コンテインメントがどのように設定されていても (ウィンドウに設定しようとしても)、親 div からは出てきません。
誰かがそれを機能させる方法を知っていますか、またはなぜ機能しないのですか?
それが問題ではないことを確認するために、z-index を高く設定しました。スクロールバーなしでdivを作成しようとし#draggable-images
ましたが、うまくいきませんでした。
jQueryのサイトで魅力的に機能しているようですが、何が欠けているのかわかりません。
jquery - jQuery UI - 親divへのドラッグ/ドロップ可能なスナップ?
誰でもこのコードで私を助けることができます: http://jsfiddle.net/tVzq9/2/
div '.boxArt' を親 div '.drop' にスナップさせようとしていますが、元に戻すのと同じ方法です (スムーズです)。現時点では、div にドロップされますが、適切に収まりません。ドロップ div に「tolerance: 'fit'」を使用しても、正確に配置するのが非常に難しいため、機能しません。助けてくれてありがとう!
jquery - jquery ui draggableを使用して、ホバーでドロップ可能な領域を強調表示するにはどうすればよいですか?
私は実際に2つの質問があります。タイトルのオンがメインの質問です。ドロップ可能としてマークされたページに複数のdiv要素があります。これらのdiv要素の中に、ドラッグ可能としてマークされたスパンがあります。要素をドラッグしていて、ドロップ可能な領域にカーソルを合わせると、その領域がハイライトされるか境界線が表示されるので、そこにドロップできることがわかります。
二次的な質問として、私のドラッグ可能なすべての要素にはdisplay:block、width、floatが付いているので、ドロップ可能な領域ではきれいに見えます。アイテムがドロップされると、他のアイテムのようにきれいに浮かぶことがなくなるため、位置が設定されているように見えます。参考までに、これが私のjavascriptです。
jquery - jQueryの「ドロップ」イベントをドロップされた要素にバインドする
jquery uiからドラッグ可能およびドロップ可能を使用してテーブル間で行を渡そうとする2つのテーブルがあります
ドラッグアンドドロップは問題なくできますが、「ドロップされた」要素は「ドロップ可能」ではありません。テーブル 1 からテーブル 2 に行を移動する場合と同様に、機能します。ただし、別の行をテーブル 1 からテーブル 2 に移動しようとすると、ページが読み込まれたときに最初にテーブル 2 にあった要素の 1 つにドロップした場合にのみ機能します。テーブル 2 に移動したテーブル 1 の要素にはドロップしません。
ドロップされた要素をドロップ可能にするために、このイベントを再バインドするにはどうすればよいですか?
html - jQuery UI Droppable - 実際に HTML を変更するには?
jQuery UI の Droppable を使用して、そこに含まれるアイテムを移動できるシェルフ タイプのものを作成しました。コードは次のとおりです。http://jsfiddle.net/JoeyMorani/7LWj4/
シェルフの HTML を実際に変更することは可能ですか?「.boxArt」の div を移動すると、HTML でも移動されます。現時点では、divの位置を変更するだけで、実際には移動していないようです。
divがどこにあるかを検出できるように、これを行いたいです。(親divとは)
助けてくれてありがとう!:)
jquery-ui - ドラッグ可能なものがドロップ可能なものの外側に移動したときにドロップをトリガーする
ドラッグ<li>
されたものがドロップ可能なものの外にある場合、ドラッグされたもの#div1
を強制的にドロップするにはどうすればよい<li>
ですか?
jquery - jQuery.draggable() - ボタンのクリックで元に戻す
ページには、プロパティを持つドラッグアンドドロップ可能な要素がいくつかありaccept
ます。
現在、私のコードは次のように設定されています。
したがって、答えが正しくない場合は、元の位置に戻ります。
ユーザーは、ページ上のすべてをリセットする機能も必要です。次のことを試しましたが、うまくいきません。
javascript - ui.draggable("destroy")のjquery uiエラー
<div>
コンテナにドロップするときに、ドラッグ プロパティを削除したいと考えています。しかし"Property 'draggable' of object #<Object> is not a function"
、以下のコードではエラーが発生します。
jquery ui バージョン 1.8.12 を使用しています
jquery - jQuery UI:Droppable('drop'イベント、許容範囲:touch)サファリ(mac)のバグ
次の問題を解決できません。
以下のコードは、macs safari(5.1.5)で部分的に動作することを除いて、Windowsだけでなく macのすべてのブラウザでも動作します。
注: Windows safari(5.1.5)で動作します。
これが基本構造です:
したがって、基本的にdiv1がdiv2に接触すると、ドロップイベントがトリガーされます。
ただし、上記の場合はドロップイベントをトリガーしません。
macs safariでドロップイベントをトリガーする唯一のケース(以下に表示)は、ドラッグ可能なdivdiv1がドロップ可能なdivdiv2を完全に通過する場合です。なぜかわからないの?
使用したバージョン:
アップデート:
私は他の許容範囲のオプションを試しました。「タッチ」と「交差」の両方が期待どおりに機能しません。しかし、「ポインタ」は完全に正常に機能します。
'tolerance:touch'の機能を実現する他の方法はありますか?2つのdiv間の衝突を検出して、対応するロジックを適用することを考えています。
どんな助けでもありがたいです。
ありがとう!