問題タブ [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 ドロップ可能アイテムのオーバーラップ
1 つのドラッグ可能な div と 2 つのドロップ可能な div があります。これらの 2 つのドロップ可能な div もドラッグ可能であるため、これら 2 つの div が重なる可能性があります。その状況で、ドラッグ可能な div をドラッグして重複した div にドロップすると、一番上の div にドロップされることを確認する方法はありますか?
javascript - JQuery ドラッグ可能: ヘルパー: クローンを使用するとスクロールが機能しない
jqueryのドラッグ可能/ドロップ可能を使用して、あるフォルダから別のフォルダにアイテムをドラッグできるフォルダリストタイプの状況があります。フォルダ アイテムはドラッグ可能で、フォルダはドロップ可能です。これらは、垂直スクロール バーを表示するのに十分小さい div にあります。
ドラッグ可能なアイテムに "scroll: true" を設定して、div をスクロールできるようにします。ドラッグ可能なアイテムで「helper: "clone"」も使用すると、スクロールが機能しなくなります。
私は何を間違っていますか?
非常に単純化されたコードを次に示します。
jquery - jQuery Sortable+Droppable と Draggable の特別な機能
アイテムのドラッグ可能なリスト (左の列) を並べ替え可能なリスト (右の列) にドラッグできるようにする機能を作成しようとしています。connectToSortable を実行するだけの違いは、ソート可能なリストがドロップ可能なリストのように機能する必要があることです。つまり、アイテムの順序は、新しいアイテムをドラッグするときにのみ右側の列に保持されますが、アイテム間の順序を再配置するときは保持されません。すでに右の列にあります。
以下のリンクは、その機能の最初の部分を示しています。アイテムを必要なセクションにドラッグできます。また、一度右の列に配置されたアイテムを再配置できるようにしたい. さらに、ドラッグ中にクラスを追加し、クラスを変更したい
一度落とした要素。私はこれらすべてを際限なく実験してきました。これまでのところ、約 15 時間潜っていて、いたるところでレンガの壁にぶつかっています。私はこれらの問題にアプローチする方法さえ知りません。
ここからコピーしたい:
の中へ:
そして、これがJSです
);
どんな助けでも大歓迎です!! ありがとうございました!
jquery - FirefoxおよびIEとのjQueryのドラッグ可能ドロップ可能互換性の問題
わかりました、これは長いものの 1 つです。
ID とフィールドを格納する値のテーブルがあります。
これは正しくバインドされ、データはテーブルに正しく配置されます。フィールドにバインドされた列のみが「ドラッグ可能」であることに注意してください。また、ドラッグが正常に機能することにも注意してください。
今、テーブルから値をドラッグアンドドロップできるようにしたいテキストボックスがあります。素敵でシンプル -
今楽しい部分:)
これはうまくいきます。
今トリック。IDとフィールドを覚えておいてください。フィールドをドラッグしたいのですが、テキストボックスにIDを追加したいです。これでうまくいきました。IEでテスト。しかし、今日、私はそれをFirefoxで開き、テキストボックスに「未定義」が表示され始めたときの完全な恐怖を想像してください。
スピードのために(別名、今すぐ動作させるため)、ドロップ可能なものを変更したところ、次のようになりました。
ノート。「tbox.value = ...」ビットは、テキストボックスにドラッグされたすべての ID で構成される文字列を作成したいためです。ユーザーエクスペリエンスのために、IDではなくユーザーフレンドリーなフィールド名をドラッグしてもらいたいので、兄弟を取得する必要があります(IDはユーザーにとって意味がないためです-表示される唯一の理由は、ユーザーがマップできるようにするためですテキストボックス内の id を単語にドラッグした後)。さらなる背景として、ID文字列はxmlファイルに保存され、構成やその他の魔法のようなものに使用されます:)
だから今質問
- これは既知のバグですか、それとも完全に間違っていますか?
- それが問題である場合、これが最善の方法ですか、それともそれを修正するためのより良い方法はありますか?
もう一度注意してください - ここのコードはすべて動作します。これは、私が現在持っているものに対する最善のアプローチ方法です。これは確かに回避策です。
jquery - jQuery Droppable:divの外にドロップしますか?
ドロップ可能な DIV の外にアイテムをドラッグしたときに、jQuery に関数を実行させる方法はありますか?
div にドラッグ可能またはソート可能なアイテムがあり、それらが親 div の外にドロップされた場合にそれらを削除したいとします。
「out」イベントがあることは知っていますが、アイテムをドロップしたとき(マウスボタンを放したとき)ではなく、アイテムをdivの外にドラッグするとすぐに機能します。
jquery - Jquery ドラッグ アンド ドロップ
こんにちは、私は jQuery を初めて使用し、概念実証に取り組んでいます。ここにサンプルコードを投稿しました。私の要件は次のとおりです。
ドロップ可能な犬/羊が 2 匹いて、それらをシャツにドロップしたいと考えています。
羊/犬をシャツにドロップしますが、ドロップするとすぐに div の左下の位置に移動します。
$('[id$="apparel"]').append(dropElem);
の代わりにやってみました$(this).append(dropElem);
誰かがこれで私を助けてくれますか?
これは私のJavaScriptです
そしてHTML
jquery - jQuery のタブ オーダーは、ドラッグ/ドロップ/ソート リストを強制終了します
jQueryの問題で立ち往生しています。多くのリストにドラッグアンドドロップできる要素からリストを作成しようとしています。しかし、これはすべてタブの中にあります。動作するはずのものが次のように示されています。
http://redbird.lv/problem/jquery_doeswork.html
タブの順序を変更しようとすると、興味深いことが始まります。タブが最初に開かれたものでない場合は、ドロップインして移動できるリストに要素が存在するまで機能しません (目覚めていますか?)。これが私の問題の例です:
複数のリンクを投稿することはできないため、この機能しないリンクは、実際の例で非常に目に見えます。
この問題を解決する方法はありますか? sortables は .('refresh'); でなければならないと思います。タブを開いた状態ですが、
仕事をしていません。だから私は推測外です。どんな助けにも感謝します!ありがとう!エドガーズ
jquery - jQuery ドラッグ & ドロップして、もう一度ドラッグ
リストからさまざまなドロップ可能なコンテナーに要素をドラッグできるドラッグ アンド ドロップ ページに取り組んでいます。これは完全に機能します。私が今達成しようとしているのは、これらをあるコンテナーから別のコンテナーにドラッグする (またはコンテナー内で並べ替える) ことです。しかし、私はこれを行うことができないようです。
リストは、タイトル付きの色付きのボックスの連続のように見えます (それぞれのクラス名は「.item」です)。リストからドラッグすると、リストが同じままになるようにクローンが作成されます (つまり、ブロックは削除されません)。
クラス名が「dragrow1」と「dragrow2」の 2 つのコンテナー (この例) があります。ボックスをどの行にドラッグするかによって、ブロックの外観が変わります。これは正常に機能します。問題は、これらのボックスを、独自のコンテナーまたは別のコンテナー内で、それ自体を複製せずに再度ドラッグすることです (移動する必要があります)。ちなみに、クラス名はスタイル上の理由でドロップ後、「.item」から「.box」に変わります。すばらしいのは、色付きのボックスをコンテナにドラッグすると、適用された css スタイルにより、各ボックスが互いに隣り合って浮動し、左上隅から横に並んで配置されることです。
これまでの私のjqueryコードは次のようになります。
コンテナ コードの例は次のようになります。
誰でも私に何か指針を与えることができますか?
ありがとう、
アリ。
jquery-ui - 親ではない場所でjquery droppableを受け入れる
ドラッグされた要素が親である場合、jQuery のドロップ可能な関数を停止するステートメントを作成する方法を理解しようとしています。
基本的に私が持っているのはテーブルで、各セルには x-axis:eq+'-'+y-axis:eq の ID があります。(x オーバー x ダウン)。ユーザーが要素を別のセルにドラッグすると、情報が更新されるため、セル 3-3 から 3-4 にドラッグすると、データが更新されます。
ただし、ユーザーが 3-3 からドラッグを開始し、3-3 セル内でドラッグを停止した場合、ドロップ可能な機能が起動しないようにしたいと考えています。
「accept」関数の使用を検討してきましたが、!jQuery('td#3-3') の言い方がわかりません
これが私が持っているものです
javascript - JQueryでの複数のドラッグアンドドロップ:ドラッグ後のイベント
私は実際に.phpページを作成しようとしています。3つのドラッグ可能な要素を3つのドロップ可能な要素にドラッグする必要があります。それぞれがドロップ可能な要素にドラッグ可能であり、それらは一意であるため、各ドロップ可能な要素は特定のドラッグ可能な要素のみを受け入れます。 。
重要なのは、すべての要素が正しい場所にドラッグされていることを制御する必要があるということです。その場合、たとえばユーザーをsuccess.phpにリダイレクトする必要があります。そうしないと、一部の要素が間違ったドロップ可能オブジェクトにドラッグされた場合、ユーザーは、たとえばfailure.phpにアクセスする必要があります。
とにかく、たとえば、すべてのドラッグ可能オブジェクトが適切な場所にドロップされたことを知るために、PHPの$ _SESSIONに特定の値を保存することはできますか?
ドラッグアンドドロップのコードは次のとおりです。
たとえば、ドロップ可能な要素のアクティブクラスを取得して、「ui-state-highlight」と一致するかどうかを確認しようとしていますが、実際には、ページがリロードされるたびにそのタグが実行されるため、ドロップへのコード
:function()常に実行されます。
よろしくお願いします!