問題タブ [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.

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

jquery - jQuery UI revert:true でドラッグ可能、greedy:true でドロップ可能

したがって、別のドロップ可能オブジェクトの中にドロップ可能オブジェクトを配置する必要があります。どちらも同じタイプのドラッグ可能オブジェクトを受け入れることができます。

私は2つのdroppablesを作り、内側のものを貪欲に設定しました。それは美しく機能します...最初のドラッグ/ドロップで。内側のドロップ可能にドロップした後、外側のドロップ可能にドラッグしようとすると、「オーバー」イベントは発生しませんが、ドロップするとドロップ イベントが発生します。

このフィドルを見て、問題を説明してください。内側の要素をドロップした後、外側の要素の over イベントが発生しなくなったことに気付くでしょう (コンソールにログが記録されません)。

http://jsfiddle.net/J7azG/52/

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

jquery - 止まる
jQuery uiのドロップ可能なドロップイベントに移動

これが私が話していることです:

http://jsfiddle.net/m5Tse/1/

ドラッグ可能なものをドロップすると、ページ上のドロップ可能な div の位置が変更されます。簡単な解決策があるはずですが、それを理解することも、グーグルに適切な質問をすることもできません。何か助けはありますか?

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

jquery-ui - jQuery UI をドロップ可能にすると、一度に 1 つのドラッグ可能のみが受け入れられます

私は、この質問のいくつかの変種だけを他のいくつかの場所、特にここここで尋ねたのを見てきました。

基本的に、ボード上の各正方形がドロップ可能で、各ゲームピースがドラッグ可能であるチェッカーゲームボードがあります。各正方形には一度に 1 つのピースしか配置できません。正方形にピースがあるかどうかに応じて、有効化/無効化の方法を切り替えようとしています。

私がこれまでに得たものへのリンクは次のとおりです: http://jsbin.com/ayalaz、および以下は最も適切なコードです。

何かアドバイス?

前もって感謝します!ジェレミー

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

jquery-ui - EmberjsとjQueryUIクローンヘルパー

jqueryuiをドラッグアンドドロップしてemberjsで動作させようとしています。http://jsfiddle.net/XMgwV/13/にフィドルを設定していますが、ドロップイベントを発生させることができないようです。ミックスインはこのデモからのものです:http ://www.lukemelia.com/blog/archives/2012/03/10/using-ember-js-with-jquery-ui/

編集:
jQueryUIドラッグ可能ヘルパー関数を「original」に変更すると、期待どおりに機能します。ここ.clone()の#7で指摘されているように、jqueryuiとemberに問題があるようです。codebriefブログ投稿のsafeCloneメソッドは、問題を完全には解決していないようです。

これを期待どおりに機能させる方法を知っている人はいますか?

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

jquery - Jqueryでのソート可能なVS DragnDrop

Jquery を使用して一部のデータを並べ替えようとしているので、ドラッグ アンド ドロップを使用すると考えました。その後、jQueryui サイトにアクセスしました。「ドラッグ アンド ドロップ」機能と並べ替え機能があります。

ここで、「ドラッグ アンド ドロップ」機能を実装して、DB に位置を保存して HTML テーブル行を並べ替えました。

しかし、今私は混乱しています:

  1. Sortable も同じ機能を実行しますか?
  2. Sortable は UL、OL、または LI でのみ機能しますか? テーブル行でも使用できますか?
  3. 行をドラッグアンドドロップしたときの違いは何ですか? (位置の交換)、Sortable (行の並べ替え) と比較して。これらは異なるケースですか?私はこれらの概念を本当に混乱させています。
  4. HTML テーブル行で並べ替えを行うのは正しい方法ですか (私が今行ったようにドラッグ可能およびドロップ可能)
  5. Sortable と Draggable/droppable を使用する場合のガイドラインはありますか?
0 投票する
3 に答える
2743 参照

jquery - Jquery UIのソート可能なヘルパーを動的に変更しますか?

ドラッグ中にマウスが置かれている領域に応じて、Jquery UI の並べ替え可能なヘルパーを動的に設定しようとしています。そのために、Jquery UI のソート可能なセッターを使用しています。確かに変更されていますが、ライブではありません (現在のイベントではありません)。どうすればこれを機能させることができますか?

私は例を設定しました - http://jsfiddle.net/aJEfp/1/

ありがとう。

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

javascript - jQuery/Ember フレームワークでドロップされたアイテムにアクセスする

私は ember.js と jQuery-ui フレームワークを使用しています。現在、要素をドラッグ可能にすることができ、アイテムが特定の div にドロップされたときにイベントを発生させることができます。

ただし、div にドロップされた実際の要素を取得できません。渡されたイベント変数は、要素がドロップされた div を表し、「this」は ember オブジェクトを表します。

ドロップされたアイテムにアクセスするにはどうすればよいですか?

私が使用しているコードの概要:

ありがとう

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

jquery - 内のテキストへのアクセス
  • 鬼ごっこ
  • <li>jQueryのドラッグ/ドロップを使用してドラッグされるアイテムのリストがあります。アイテムがドロップされたときにタグ内のテキストを取得したいの<li>ですが、選択した値をサーブレットに送信できるように、テキストをグローバル変数に追加します。

    アイテムがドロップされたときに機能を処理するために、以下のjQueryコールバックを使用できます。

    <li>タグ内のテキスト値を取得してグローバル変数に追加するにはどうすればよいですか?

    ありがとう

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

    javascript - jQuery UI のドラッグ可能なグリッド

    OK、作成したいのは、テーブル セル (.slot div) に収まるドラッグ可能な要素です。これは、jQuery UI を使用したコードの簡略版です。

    今ではセル (.slot) の周りにそれらを移動できますが、次の 2 つのことを達成できません。

    1. ドラッグ可能要素を「.slot」にのみ合わせます (セル間でドラッグされた要素を破棄するオプションを削除します)。基本的に、ドラッグした要素をドロップすると、最も近いセルまたは最もカバーしているセルに移動します。
    2. 1 つのセル (.slot) に 2 つのドラッグ可能オブジェクトを配置することを制限します。

    任意の提案やヘルプをいただければ幸いです!

    前もって感謝します、ジョージ

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

    jquery - Div をドラッグし、動的に作成された Div にドロップします

    ボタンクリックイベントでjavascriptを使用して作成された動的に作成されたdivにdivをドロップしたいここに私のコードがあります

    これは、作成した div の上にドラッグ アンド ドロップしたい div です。これが私のドラッグ可能なコードです。

    Javaをドラッグして、動的に作成されたdiv、つまりdiv.machineにドロップするとします。

    動的に作成された div にこのドロップ可能なコードを書きました ここに私のコードがあります

    しかし、ドロップ可能な関数が呼び出されていません。また、droppable で変更があった場合は、教えてください。