問題タブ [jquery-ui-draggable]

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 に答える
2978 参照

jquery - jQueryオブジェクトをドラッグできないようにする方法は?

jQuery-ui Photo Manager デモを変更して、ゴミ箱内の画像をドラッグできないようにしようとしていますが、できません。ギャラリーをドロップできないようにデモを変更しましたが、マウスダウンすると、ゴミ箱内のアイテムは引き続きカーソルに従います。もちろん、彼らは行き場がないので元に戻りますが、そもそもマウスダウンを無視させる方法はありますか?

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

javascript - jQueryUI Draggable:ドラッグ可能性を単一の軸に制限しますか?

オブジェクトをドラッグするとき、ユーザーはx軸とy軸をドラッグできます。ドラッグ可能性をx軸のみに制限したいと思います。どうすればこれを行うことができますか?

ありがとうございました!

0 投票する
4 に答える
9501 参照

jquery - ドラッグ可能なプラグイン(jQuery)で移動オブジェクトの方向を取得するには?

オブジェクト (div-box) があり、ドラッグ可能です (jQuery を使用しています)。訪問者が移動した方向の情報を取得するにはどうすればよいですか? 例: ユーザーがそれを左下にドラッグし、知りたいのですが、どうすればよいですか?

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

jquery - Jquery.can は、JQuery UI をドラッグ可能、ドロップ可能、並べ替え可能にすることができますか?

私のページには、ドラッグ可能な動的に作成されたメモステッカーがあります。そして、同時にソート可能な(ソートを有効にする)ドロッパーがあります。ドロッパー内のメモ ステッカーをドラッグ アンド ドロップし、ドロッパー内でステッカーを上下に並べ替えます (ドラッグを使用)。

Jquery UIを使えば作れると思います。でもいつも間違える!

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

jquery - jQuery Draggable + Sortable - 2 つのスクロール可能なリスト間でドラッグ アンド ドロップする方法

Available Items と Selected Items の 2 つのリストが必要です。Available Items は、ドラッグ アンド ドロップによって Selected Items に割り当てられます。選択したアイテムは並べ替え可能にする必要がありますが、使用可能なアイテムは必要ありません。課題は、両方のリストにかなりの数のアイテムが含まれる可能性があるため、スクロール可能にする必要があることです。

これが私がこれまでに持っているjQueryです:

対応する HTML:

ただし、スクロール可能なリストが必要なため、ドラッグ可能な動作をエレガントに動作させることはできません ( http://pastehtml.com/view/1bsk6bt.htmlのデモを参照してください)。

ドラッグ中のアイテムが Available Items リストに入ると、スクロール可能なフレームの後ろに消えます。クローン ヘルパーを試してみました。また、div を含めたり、さまざまなオーバーフロー オプションを試したり、jQuery のスクロール オプションをオフにしたりしてみましたが、正しく動作させることはできません。私がここでやろうとしているのと同じようなことを誰かが達成して、時間を節約できると確信していますか? :)

どんな助けでも大歓迎です!

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

jquery - 「ドラッグ可能な」要素をドラッグする要素のIDを取得する方法

だから私は私のページにこのようなdivを持っています:

そしてこのjqueryコード:

ドラッグ可能な効果はうまく機能します。

しかし、ドラッグ可能なdivがドロップされるHTMLタグのIDを調べたいと思います。ある場合。

したがって、divをid = "my-table"のテーブルにドラッグする場合、js内でその値を取得し、それを使用して何かを実行したいと思います。

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

javascript - 1 つのページに 2 つのドラッグ可能アイテムと 2 つのドロップ可能アイテム

ドラッグ可能な要素の 2 つのセットとドロップ可能な要素の 2 つのセットがあります。

私が望むのは、ドラッグ可能な要素の最初のセットが、ドロップ可能な最初のセット内でのみドロップ可能になることです。ドラッグ可能オブジェクトの 2 番目のセットは、ドロップ可能オブジェクトの 2 番目のセット内にのみドロップ可能にする必要があります。

コード スニペット:

そのため、ユーザーは .drag クラスを持つ要素を .drop2 コンテナーにドロップできません。

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

jquery - ドラッグ要素がどの要素の上にあるかを知る方法は?

jQuery ドラッグ & ドロップに問題があります。ドラッグ可能な要素とたくさんの dropTarget があるので、いつドラッグしているのかを知りたいのですが、ドラッグしている要素はどの要素の上にありますか?

ところで、Firefox は DOM 要素を指す event.originalTarget を提供しますが、Google Chrome では「未定義」と同じです。

なにか提案を?

ありがとう。

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

jquery - JQuery-ui 1.8.2 Internet Explorer でのドラッグ可能な誤動作

私が働いている会社のjquery/phpファイルアーカイブを維持しています。
機能の 1 つは、ファイルをフォルダーにドラッグする機能です。この機能は、Chrome と FireFox の両方で驚異的に機能しますが、Internet Explorer では独特の動作を示します。

アイテム上でドラッグが開始されると、選択長方形が作成されます。目的のアイテムがドラッグされ、最初の位置から削除されるため、その点でプラグインは機能しています。問題は、選択ボックスがそれらの上を通過したときに、他のすべてのファイルが選択イベントを受け取ることです。これは意図されていないだけでなく、醜いことでもあります。関連するすべてのコードをここに含めようとしました:
編集: css もペーストビンとして含めようとしましたが、ここにいる初心者として、1 つのリンクしか作成できませんでした。

js

jquery と jquery-ui で使用されるバージョンは、それぞれ 1.4.4 と 1.8.2 です。

ファイル div は、js ファイルの 919 行目でドラッグ可能になります。私はかなりグーグルで検索し、ドラッグ可能なインターフェースが意図したとおりに動作する jquery デモページも Internet Explorer で見ました。

誰かが、私の過ちを教えてくれることで、このイライラするクロスブラウザー互換性地獄の落とし穴から抜け出す手助けをしてくれることを願っています。

必要に応じてさらに情報をリクエストしてください。タイムリーに提供できるように努めます。

敬具、ヨハン・アビルズコフ

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

jquery - Jquery draggable - 複製する代わりにドラッグした要素を移動する

ドラッグされた要素が新しい位置に移動されるように、ドラッグ可能およびドロップ可能な Jquery を実装する最善の方法を誰かに教えてもらえますか?

これには独自のヘルパー関数を実装する必要がありますか、それとも Jquery プラグインに含まれていますか?