問題タブ [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.
javascript - Draggable UI ヘルパーのクローンと非クローンの 2 つの異なる動作、何が起こっていますか?
私の理解では、Draggable UI のヘルパー オプションは、こちらで説明されている表示効果にすぎません。
しかし、テーブルで使用すると、バグが発生しているように見えます (追加位置が間違っています)。
誰でもこの動作を説明したり、回避策/修正を提供したりできますか?
ありがとう。
javascript - この場合、ドラッグ可能な div を制限する方法
私は次のhtml構造を持っています:
HTML
CSS
JS
でドラッグ可能な子 div を持つ「内部」 div background-image。
内側の div にはoverflow:hidden. 必要なのは、画像全体をスクロールできるように画像のドラッグを制限することですが、画像を「内側」の div から完全にドラッグしないようにする必要があります (画像の一部は常に表示されたままにする必要があります)。
boundsそれがdivを追加した理由です。bounds画像の動きを制限できる divの寸法と位置を定義するにはどうすればよい
ですか。
私が書くことができるように
jquery-ui - Jquery UI 1.10.x ボディの高さが大きい場合のダイアログのドラッグの問題
要するに: ドキュメントの高さ > ウィンドウの高さがある場合、下にスクロールしてダイアログを開きます - Firefox ではドラッグできません。jQuery UI 1.10.x のみで発生したバグ
再現方法:
jsfiddle:
http://jsfiddle.net/mefa/zrNNZ/15/
ビデオ: http://www.youtube.com/watch?v=_J8aepYHg4U
したがって、U に Jquery UI ダイアログがあり、タグ<body>に垂直スクロールがあるとします (たとえば、コンテンツが多く、テーブルが大きいなど)。ウィンドウの高さが800ピクセルで、ドキュメントの高さが2000ピクセルであるとします。したがって、すべてのコンテンツを取得するには、下にスクロールする必要があります。
次に、ウィンドウの高さ、たとえば1000pxまで下にスクロールして、ダイアログを開きます。その後、狂ったようにジャンプするため、他の位置に正しくドラッグすることはできません。
元のjquery uiの例に基づいてデモを記録したので、何かを見逃したり破損したりしたとは誰も言えません。私が変更したのは body css attr "height" だけで、大きなドキュメントをシミュレートするために 2000px に設定しました。
アドバイス/修正に感謝します。
javascript - html javascript 別の画像の上に画像を重ねて Facebook に投稿する
私の Web アプリケーションでは、ユーザーは自分の PC から javascript を使用して写真を開きます (サーバーにアップロードせずにプレビュー スクリプトを使用します)。次に、ユーザーが自分の写真の上にドラッグして、好きな場所に配置するドラッグ可能な画像があります。私が欲しいのは、3 つのレイヤーを持つ最終的な画像を作成することです。1 つはユーザーの画像、もう 1 つは私が持っているドラッグ可能な画像、3 番目はロゴです。その後、ユーザーはその画像を Facebook に投稿できるはずです。
そして今、質問です。ユーザーの画像や位置などをサーバーにアップロードして、サーバー側で保存して投稿する画像を作成したくありません。最終的な画像をブラウザ レベル (Javascript だと思います) で作成し、Facebook に直接投稿したいと考えています。
誰かが指示を与えることができますか？役立つライブラリはありますか？
internet-explorer-7 - jQuery + PHP - Croopzoom - IE はドラッグ不可
CMS の画像エディターに乗っています。
私が試したすべてのブラウザで問題なく動作しますが、Internet Explorer では失敗します。
バージョン 8 および 7 の IE10 の障害。
何が起こるかというと、選択領域はドラッグできません。赤い枠はドラッグできますが、エリアNo. それはなぜでしょうか？
また、ドラッグ＆ドロップの動きが「きれい」ではない…ちょっとコストがかかる。
何か案が？
ありがとうございます！！
jquery-ui - JqueryUI アイテムのグループがドロップ可能なターゲット領域にあることを検出します
私は 4 つのドラッグ アンド ドロップ項目を持っています。それらはすべてターゲットにドラッグ アンド ドロップしますが、「welldone」イベントを発生させる必要があり、パーツが機能していません。私はいくつかの助けを借りましたが、これを機能させることができません。何が間違っていますか?
javascript - このセレクターがまだ存在しない場合、Jquery でどのように機能しますか?
次のリンクからこのカード マッピングの小さなゲームを使用して、Jquery のドラッグ アンド ドロップ機能を理解するのに役立つこのチュートリアルをオンラインで見つけました... http://www.elated.com/res/File/articles/development/javascript/jquery /drag-and-drop-with-jquery-your-essential-guide/card-game.html
37行目で、 $('<div>' + numbers[i] + '</div>')まだ存在しないのになぜ選択されるのか、私に関する限り、ドキュメントに既に存在するときにJqueryで選択します..そのセレクターがよくわかりません。誰かお願いしますそのセレクターで何が起こっているのか詳しく教えてください。48行目でも... uiJqueryに組み込まれた単語です..彼らが言うときui.draggable？とは正確には何uiを指していますか?
ありがとう ！
jquery - 複数のdivを並行して移動するjQueryドラッグ可能
Javascript/jQuery の問題に約 2 週間苦労しており、気が狂いそうになります。コンテナ div 内でドラッグできるようにするには、複数の div が必要です。1 つの div を移動すると、コンテナー内のどこにドロップされても、他の div も一緒に移動します。さて、次の 2 つの問題があります。
1）最初の要素がうまくドロップされ、左上隅がマウスポインターをスナップしますが、これは問題ありません。しかし、さらにdivをドロップすると、y軸上の正しい位置へのオフセットがあります。x軸ではなく、機能します。興味深いことに、オフセットは正確に赤の div の高さである 50 ピクセルです。3 番目にドロップされた div のオフセットは 100 ピクセル、4 番目の div は 150 ピクセルというようになります。
2) 1 つの div をドラッグすると、他の div は x 座標と y 座標の両方で説明できないオフセットを取得します。
見てください：http://jsfiddle.net/6v3hR/7/
マウス ポインターの位置を含めました。これにより、デバッグや位置の確認が容易になります。問題 2) は start 関数で発生するため、座標をコンソールに出力します。そして、彼らは正しいものです！マウスポインターをそれぞれの位置に移動し、表示された座標ペアを確認することで確認できます。
コードの説明:
赤い div がコンテナー div にドラッグされるたびに、start が呼び出されます。ここでは、最初の位置、つまり元の位置を保存し、originalX と originalY という名前を付けています。これを jQuery オブジェクトに入れて、ドラッグ イベント関数で便利に使用できるようにします。
ここでは、オフセットを計算し、css 関数を介して each 関数を介してすべての div の位置を更新します。これは実際には問題なく動作します。痛みを伴うオフセットがありますが、動きは本当に平行です。
プラグイン、マルチドラッグ可能です。これは非常に優れていますが、最近の jQuery 1.9 以降のバージョンでは機能しません。
どんな助けでも大歓迎です。