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

javascript - ドラッグ可能で並べ替え可能でスクロール可能な Div

ドラッグ可能なアイテムのリストを含むコンテナーと、並べ替え可能なアイテムのリストを含むコンテナーがあります。ドラッグ可能なリストとソート可能なリストが接続されているため、ユーザーはドラッグ可能なリストのクローンをソート済みリストにドラッグできます。

ドラッグ可能なアイテムは垂直方向のリストに表示されますが、並べ替え可能なアイテムは水平方向のリストに表示されます。並べ替え可能なアイテムのコンテナーのオーバーフローは auto に設定されているため、コンテンツがオーバーフローすると水平スクロールバーが表示されます。2 つのコンテナーが隣り合わせに表示され、ドラッグ可能なものは左側に、並べ替え可能なものは右側に表示されます。

私が経験している問題は、ソート可能なアイテムのコンテナが右にスクロールされ、ドラッグ可能なコンテナからドラッグするとすぐにソート可能なイベントが発生することです。ソータブルのコンテナの内容がドラッグ可能なコンテナの後ろに移動したように見えます。

これが私のコードです:

アイテムがソート可能なコンテナ上にドラッグされるまで、ソート可能なイベントが発生しないようにするにはどうすればよいですか?

前もって感謝します

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

jquery - jquery ドラッグ可能

特定のコンテナに限定してドラッグしたい div があります。content:parent オプションを使用してみましたが、これにより div がドラッグせずに上限または下限にスナップされます。オーバーフロー:隠しセットがありますが、問題ないことを願っています。(どこかで読んだ)

助けてください。

コード:

#draggable は img を含む div であり、#draggable は imgContainer に追加されます。これが何らかの形で役立つことを願っています。

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

javascript - JQuery UI Draggable 要素の開始イベント ハンドラー中に css 位置の変更を有効にするにはどうすればよいですか?

ユーザーがドラッグを開始するとすぐに、ドラッグ可能な要素の位置を変更する必要があるという奇妙な状況があります。そのため、ドラッグ可能な要素の開始イベント ハンドラー中に、位置を設定しようとしています。位置を変更した後、JavaScript エラーが発生するようなことをしない限り、位置の変更に応答しません。これは奇妙です。次に例を示します。

このコンテキストで合法的に再描画を発生させるにはどうすればよいですか? JQuery の hide() と show() は機能せず、これらのメソッドも機能しません。

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

jquery - jQuery UI 再生成 (ゾンビ) ドラッグ可能な要素

jQuery UI を使用してドラッグ可能な要素を作成し、別のコンテナーにドラッグ アンド ドロップすると、同じアイテムを再生成する方法を知りたいです。たとえば、コンテナ A からコンテナ B にボタンをドロップすると、同じボタン (クローン) がコンテナ A に再出現します。

前もって感謝します。

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

jquery - replaceWithとjQueryのドラッグ可能なドロップ?

私はその理由を理解しようとしています

外で働くでしょう

jquery のドロップ可能なスクリプトの領域ですが、内部では機能しません。具体的には、

を取得しRuntime Error (line 1102) data(...).options is null or not an objectます。$('#title').append('ha');また、drop: の中にa を挿入すると、機能します。しかし、私$('#title').replaceWith('ha');が外のどこかに置くと

できます?

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

jquery - jQuery: コードでドラッグ アンド ドロップをシミュレートするにはどうすればよいですか?

編集: ここに私のサンプル コードを示すリンクがあります: http://www.singingeels.com/jqtest/

jquery-1.3.2.js、ui.core.js (最新バージョン)、および ui.draggable.js (最新バージョン) を参照する非常に単純なページがあります。

非常に簡単にドラッグできる div があります (もちろんマウスを使用します)。

そしてJavaScriptで:

これは完全に機能します。しかし、コードだけを使用して「ドラッグ アンド ドロップ」をシミュレートできる必要があります。私はほとんど動作していますが、問題は発生しているイベントが placeholder events であることです。

「ui.core.js」を開いて一番下までスクロールすると、次のように表示されます。

シミュレーションでイベントが適切に拡張されていないのに、マウスでクリックすると拡張されるのはなぜですか? - _mouseDrag: プロパティを「ui.draggable.js」のオーバーライド拡張に従うよう強制する方法についてのアイデアはありますか?

これを解決することは非常に大きなことです。後で主な利点を示す予定です。

ありがとう - ティモシー

編集: ここに私のサンプル コードを示すリンクがあります: http://www.singingeels.com/jqtest/

編集 2: 上のリンクをクリックしてソースを表示...私がやろうとしていることを見ることができます。ここにスニペットがあります:

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

jquery - jQuery UI-ドラッグされた要素が要素#xの上にあるかどうかを知る方法は?

複数のドラッグ可能な要素があり、それらを互いに重ねてドロップしたくありません。ドラッグした要素をドラッグしたときに薄緑色で表示したいのですが、特定のクラスの要素を超えると、赤色に変わります。ドロップすると元の位置に戻ります。

他のすべては単純ですが、別の要素に「入る」ためのイベントが必要になります。

問題を解決するための統合関数やプラグインが見つかりません。

すべての要素の位置とサイズを記録し、ドラッグイベントでそれらと比較する以外に、これを自分で行う方法は考えられません。しかし、それはとても重いので、ドラッグは苦痛になります。

それで、何か提案はありますか?おそらく私が見つけていないプラグイン?:)

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

iphone - iPhone SDK: UIImageView のドラッグに関する問題

アプリで iPhone 画面の周りに UIImageView をドラッグしようとしています。

現在、私が設定したドラッグ機能は問題なく、画像をドラッグすると画面上で移動します。問題は、画像ビューをドラッグして移動する必要がないことです。画面上の任意の場所にドラッグすることもできます。画像を移動します。私はこのプラットフォームを初めて使用するので、この問題を解決するために何をすべきか本当に考えられません。画像をドラッグする現在のコードは次のとおりです。

どんな助けでも感謝します。ちなみに豚はUIImageViewです。また、画像ビュー「豚」のユーザー操作を有効に設定すると、画像をドラッグできなくなりますが、有効に設定されていない場合はそうです。

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

jquery-ui - JQuery Draggable:マウスを離した後にグリッドにスナップすることは可能ですか?

基本的に、グリッドオプションを使用してドラッグ可能なdivを30 x 30グリッドにスナップしたいのですが、ドラッグをスムーズに保ちたいと思います。それで、マウスリリース(または同様のもの)でグリッドにスナップする方法はありますか