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

jquery - ドラッグ可能な div でリスト項目のテキストを取得するにはどうすればよいですか?

私はこれを無駄に修正しようとしてきました。

コンテナ div と製品 div があります。製品はドラッグ可能で、コンテナーはドロップ可能で並べ替え可能で、製品のみを受け入れます。製品は複数のリスト アイテムです。ドラッグ可能なイベントでヘルパー関数を使用してリスト項目を作成し、複数のリスト項目を追加してコンテナに送信しました。しかし、私が実際に望んでいるのは、すべてのリスト項目からテキストを収集し、すべてを 1 つのリスト項目にまとめることです。それ、どうやったら出来るの?

HTML コード - 製品

HTML コード - コンテナ

最後のアイテムは、対応する製品がコンテナにドラッグされたときにコンテナが持つべきものです。

Jクエリ

現在、すべてリスト項目として保存されています。つまり、すべて別の行に保存されています。

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

jquery-ui - ドラッグ可能な Div の制限の設定

別の (TableDiv) Div のテーブル セルをクリックすると表示される Div があります。TableDiv の幅と高さに応じて境界 (制限) を設定する必要があります。

以下のように私のJqueryコード

前もって感謝します

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

jquery - jquery uiは、モーダルのキャンセル時にドロップされたドラッグ可能を元に戻します

管理システムファイルでjqueryドラッグ可能なファイルをアクティブにするこのコードがあります.キャンセルをクリックすると確認ダイアログがポップアップし、ドラッグ可能なファイルは自動的に元に戻ります.誰か助けてもらえますか?

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

javascript - ズームされた画像を境界ボックスに保持する方法

jQueryとjQuery UIを使用して画像をズームしています。固定サイズのコンテナー div と、そのコンテナー内でドラッグ可能なこれよりもはるかに大きいイメージがあります。

下にあるスライダーは、画像のズーム レベルを制御します。これは正常に機能します。私の問題は、画像のサイズを縮小するときに、境界コンテナーの端の近くにドラッグされた場合、その端にスナップし、残りの端からズームする必要があることです。私はそれを機能させることはできません。

画像はエッジを通過し、引き続き縮小されます。

画像をズームし、上部をコンテナーの端に近づけてからズームダウンすると、動作を確認できます。

ここにコードを書いてください - http://jsbin.com/egivat/5/edit

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

jquery - jQuery ドラッグ アンド ドロップ - 項目の位置を変更する

だから、ここに私のジレンマがあります。6 つのドラッグ アンド ドロップ項目があります (下図)。彼らはうまく機能します。アイテムを別のドロップアイテムにドラッグすると、ご覧のように重なってしまうという事実を除いて. 私が疑問に思っているのは、他のアイテムを移動させずに DIV を挿入する方法はありますか?

before() および after() 関数を使用してみましたが、他のすべての要素が押し下げられ、複数のドラッグ項目がドロップされている場合は機能しません。したがって、私が望んでいるのは、他の要素をシフトさせることなく、アイテムを次の利用可能な場所に移動することです。

何か案は? ここに画像の説明を入力

更新- 基本的に、私がやろうとしているのは、ソート可能な jQuery とドラッグ可能なものを組み合わせることです。それが何かに役立つかどうかはわかりませんが、ドラッグアイテムをソートアイテムが再配置するように反応させたいので、それは本質的に私がやろうとしていることです.

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

jquery-ui - jQueryのドラッグ可能な元に戻す「イベント」に関数を追加する

私が持っているもの:

revert パラメータが「無効」に設定されたドラッグ可能な div があります。

必要なもの:

元に戻したときに、別の要素への CSS の変更をトリガーしたいと考えています。

問題:

「元に戻す」はイベントではなくパラメーターであるため、元に戻すときに必要な CSS の変更をトリガーするのが非常に困難です。

私のコード:

私が試したこと:

「元に戻す」をイベントとして使用しようとして失敗しました:

また、この関数を取得するために元に戻すパラメーターを取得しようとしましたが、うまくいきませんでした。

環境:

ドラッグすると背景画像が変化し、ドラッグが元に戻ると背景画像が元の状態に復元される div をドラッグしています。

私の質問:

ドラッグで元に戻すときに、別の要素への CSS 変更をトリガーするにはどうすればよいですか?

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

jquery - クローン要素(ui.draggable.clone())をドラッグすると、元の要素(jquery)がドラッグされます

ドラッグ可能なli要素を持つ2つの列があります。ある列から別の列に要素をドラッグするときは、ドラッグした要素のクローンを作成して新しい列に追加する必要があります(要素を前の列にも残したい)。

afterDrop関数は

これで、新しく追加された要素を他の列にドラッグすると、前の列の古い要素がドラッグされます。ドラッグされた要素に個別のドラッグ可能オブジェクトをアタッチするにはどうすればよいですか(無効にしてからドラッグ可能要素を再度アタッチしようとしましたが、それでも同じです)

編集:私は同様の状況を作りました、このリンクをチェックしてくださいhttp://jsbin.com/aseqid/4/edit ....赤いボックスを緑のボックスにドラッグアンドドロップしてみてください。次に、前にドロップした赤いボックスをもう一度ドラッグしてみてください...ドラッグイベントがドロップされた赤いボックスにアタッチされていません...イベントをドロップされたボックスにアタッチしようとしましたが、それでも元の赤いボックスを参照しています

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

jquery - htmlファイルのタグにjquery機能を追加する

私はJqueryncssを使用してhtml5アプリの開発に取り組んでいます。以下に示すように、divタグの下に画像を作成しています

ここで、この画像-imgFrontRightを次の属性でドラッグできるようにします

画像がjqueryjavascriptファイルで動的に作成されるときにこれを達成しました。ただし、imgタグを使用してhtmlファイルに画像を作成するときにも同じことが起こります。

親切にこれを手伝ってください。ありがとう !!

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

jquery - jqueryを使用して特定の画像をドラッグして別の画像をドラッグする

私はhtml5テレマティクスアプリを開発しています。私の要件は、マスター ウィンドウがあり、それをドラッグ (開く/閉じる) すると、他のウィンドウがドラッグ (開く/閉じる) される必要があることです。これを行う方法を教えてください。以下は私のコードです

個々の画像は個別にドラッグされます。しかし、私の要件は、マスターのドラッグ時に、他の 4 つのウィンドウもドラッグする必要があるということです。これは可能ですか?はいの場合は、同じことを手伝ってください。

前もって感謝します !!

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

jquery - jqueryのドラッグ可能:ボックスの外枠にあるドラッグ可能のハンドルオプション?

handlejquery draggable のオプションをボックスの内層ではなく外層に設定するにはどうすればよいですか?

たとえば、カーソルのみがこのポップアップの黒い境界線をクリックしてドラッグされ、コンテンツ領域ではドラッグされない場合、このポップアップ ボックスを下にドラッグします。

出来ますか?

jsfiddle

現在、ボックスは、コンテンツ領域または黒い境界線にカーソルを置いているかのいずれかでドラッグされています。

jquery、

html、

それとも、あなたが提案できるより良い解決策がありますか?