問題タブ [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 に答える
2866 参照

javascript - jQuery を使用して要素がドラッグされているかどうかを確認するにはどうすればよいですか?

要素がホバーされているか、クリックされているか、ドラッグされているかを確認するにはどうすればよいですか? ドラッグ中に無限ループを停止できるように、この情報が必要です。

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

javascript - スクリプトでのjQueryドラッグ可能/ドロップ可能の操作[UPD]

スクリプトでソート可能なリストにアイテムを追加したい。ユーザーはアイテムを直接リストにドラッグでき、いくつかのチェックボックスをオンにして[リストに送信]ボタンを押すことができます。最初のアプローチは機能しますが、2番目のアプローチは機能しません。

問題は、$(ui.draggable)を関数に渡すと機能することです。しかし、jQueryチェーン($(this).parent().parent().find('div.drag'))でドラッグ可能な要素をポイントしてこれを渡すと、機能しません。これらの2つのオブジェクトは等しくないようです(2番目のオブジェクトのクローンを作成し、を使用して1つに減らしてみましたがeq、何も機能しません)。

0 投票する
3 に答える
5172 参照

jquery - ページの更新の間にjQueryのドラッグ可能なツールパレットの位置を記憶する

管理者ユーザーがサイトにログインしたときに表示されるツールパレットがあります。パレットは(jQueryUI.draggableを介して)ドラッグ可能であり、ページ/更新間の位置を記憶したいのですが...これを行う標準的な方法、または使用する必要のあるプラグインがありますか、それとも必要ですか? (クッキーなどを介して)自分でロールしますか?

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

javascript - scriptaculousでドラッグ可能なdivを固定/固定解除

ショッピング カート (prototype+script.aculo.us) の css div でドラッグ可能な効果を使用しています。この div にリンクを挿入して、ユーザーが固定位置と絶対位置を切り替えることができるようにしたいと考えています。script.aculo.us には簡単な方法がありますか? (今のところ何も見つかりませんでした)

0 投票する
3 に答える
251 参照

jquery - JQueryは、要素が削除されたときにドラッグ可能性を保持します

DOM内でドラッグ可能な要素を移動しようとしていますが、replaceWith()またはremove()または同様の関数を実行しようとすると、そのドラッグ可能性が失われます。

DOM内で要素を移動するときに、要素のドラッグ可能性を失わないようにすることは可能ですか?

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

jquery - jquery - コンテナに到達したときに ondrag 要素のサイズを変更する

親内でドラッグとサイズ変更の両方に設定された標準のdivがあります。親にドラッグされるときに、divのサイズを変更できる必要があります。これは、垂直に下にドラッグしたときにのみ発生する必要があるため、次のように設定します。

次に、ドラッグ可能な要素とそのコンテナー (マイナス オフセット) の両方の下部の位置を計算し、大きい場合はサイズを変更します。

jqueryはドラッグ全体で要素のプロパティを保存し、再計算しないようです. ドラッグするたびに、高さが 10 ずつ減少します。

Jquery に強制的に位置を再計算させる方法はありますか? ->すでに有効/無効を試しました..

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

wpf - WPF - Canvas で使用する単純なコントロールの作成

画像後処理用のシンプルな WPF UI を開発しています。

Canvas で使用するドラッグ可能な WPF コントロールを作成したいと思います。これは、おおよそ次のようになります。

http://img32.imageshack.us/img32/884/photoeditor.png http://img32.imageshack.us/img32/884/photoeditor.png

両方の終点の楕円はドラッグ可能で、それらを結ぶ線は終点の移動に追従します。

これで、これらの要素を Canvas に追加するだけでこれを実装する方法がわかりました。次に、必要なイベント処理を実装して、要素がドラッグされたときに移動できるようにします。しかし、他の種類のドラッグ可能なコントロールを追加したい場合、それを維持するのは困難です。

私がやりたいことは、すべての処理を FrameworkElement または UIElement から派生した独自のクラス (DragLine など) に分離することです。このドラッグ可能な UI 要素を Canvas に追加するには、DragLine のインスタンスを作成し、それを Canvas.Children に追加します。私のプログラムの残りの部分では、DragLine インスタンスのみが表示され、新しい要素の描画に使用される線や楕円について心配する必要はありません。

すべての UI 要素を自分で描画するのではなく、楕円などの標準的な形状を使用して線の終点を実装したいと考えています。これは、これらの形状が既に実装しているイベント処理とヒット テストを再利用したいからです。

質問: FrameworkElement から派生することは、これを行う正しい方法ですか? 線と終点の楕円は、新しいクラスの視覚的で論理的な子になります。

FrameworkElement からの派生が推奨される方法ではない場合、代わりにどのようにしますか?

そうである場合、新しいクラスがキャンバスでのみ使用されることを考えると、その実装を簡素化する方法はありますか (そして、グリッドやスタックパネルなどでうまく機能する必要はありません)?

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

jquery - JQueryのドラッグ可能な要素のコンテキスト内にオブジェクトを挿入するにはどうすればよいですか?

ドラッグ可能/ドロップ可能なJQuery機能を次のように使用します

ドラッグ可能なオブジェクトのコンテキスト内にオブジェクトを注入できるかどうかを知りたいのですが。何かのようなもの

したがって、ターゲットコンテナでは、次のようなものを使用できます(2番目のアラートステートメントに注意してください)

どうすればいいですか?

よろしく、

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

javascript - ドラッグ可能なjQueryのハンドルからアイテムを除外する

コンテンツが広すぎる場合にスクロールバーを表示するように<div>設定overflowされたドラッグ可能なものがあります。auto

のコンテンツ全体を<div>ドラッグ可能にしたいので、ハンドルを追加していません。<div>スクロールバーをドラッグしようとすると、コンテンツをスクロールする代わりに全体がドラッグされます。

<div>jQueryのドラッグ可能なハンドルから要素を除外する方法はありますか?

私は次のようなものが必要です:

セレクターなどでこれを行う方法はありますか?

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

google-maps - 視覚的な境界外への Google マップのドラッグを停止する

Google マップでかなりズームアウトしている場合は、マップが終了して空白の灰色になるまで十分にドラッグできます。マップは水平軸ではシームレスに繰り返されているようですが、垂直方向ではありません。その灰色の領域に達したときにマップがドラッグされないようにする方法があるかどうか疑問に思っています。何か案は?