問題タブ [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.
jquery - jQueryドラッグ可能なIFrameFix
jQuery Draggable IFrameFix に少し問題があります。内部に iframe を含むコンテナー (以下を参照) があります。ドラッグ可能なセットアップで iframeFix をオンにしましたが、何も変わりません。同じ問題を抱えている人、またはこれを解決する方法を知っている人はいますか?
これは私のJavaScriptコードの場合です。
ありがとう!
javascript - id = xのliがulに既に存在するかどうかをjqueryチェック
私はliで多くのULを持っています。異なる UL には、同じ ID を持つ li があります。
ユーザーはリストから別のリストに li をドラッグできますが、同じ ID を持つ li が存在しない場合に限ります。これまでのところ、私はこれを持っています:
ただし、ドラッグ可能なものをドロップすると、すべての li の id がドロップされた li の値に変更されます。
どんなガイダンスも素晴らしいでしょう。ありがとう。
javascript - jQueryUIを使用したJavascript要素のドラッグ
内部に<div>
グラフを表示するがあります。このグラフが大きくなりすぎることが<div>
あるので、ユーザーがマウスでグラフをつかんで移動する方法が必要です。jQuery UIのドラッグ可能なインタラクションを見つけ、これが必要だと思いました。基本を機能させるのは簡単でしたが、これを正しく行うのに苦労しています。
理想的には、グラフをドラッグして、他の方法では隠されている部分を表示することしかできません。たとえば、右側に非表示になっているグラフがさらにある場合は、それを左側にドラッグして、その非表示の部分を確認できます。ただし、右側のすべてが表示されたら、それを左側にドラッグすることはできなくなります。jQuery UI Draggableを使用してこのようなものを実装するにはどうすればよいですか?出来ますか?jQuery UIはこれに適したツールですか?
理想的とは言えませんが、それでも問題ありません。グラフが親に収まるほど小さく<div>
、何も隠されていない場合でも、グラフを好きな場所にドラッグできます。これを正しく機能させることすらできません。何が起こるかというと、containment
オプションを指定しないことを選択できます。その場合、グラフは制約されません。問題は、グラフ<div>
が特定のサイズ(親の幅と高さの100%)のみであるということ<div>
です。ノードは、このサイズの外側に絶対位置で配置されます。次に、グラフをドラッグして非表示のノードを表示すると、グラフをドラッグできなくなります...グラフの外側をクリックしているためです<div>
。
グラフコンテナ<div>
をいじって、ノードが追加または削除されたときにそのコンテナdivのサイズを動的に変更することもできます。または、mousemoveイベントを使用するだけで、jQueryUIなしでこれを実装できます。最良のアプローチは何ですか。これに適した別のライブラリはありますか?
jquery - jQuery UI:ダイアログのドラッグ可能なオプションの設定
ドラッグ可能なダイアログがあり、ドラッグオプションを設定したいのですが、その方法がわかりません。
これが例です。赤いボックスには、でcursorAt
設定されたオプションがあります{ top: 0, left: 0 }
。ダイアログのドラッグでも同じことをしたいと思います。
jquery - ドロップ後に新しいLIに属性を追加するにはどうすればよいですか?
私は2つのリストを持っています:
「pagepool」リストのアイテムは「docstruct」リストにドラッグ(複製)され、手動で並べ替えることができます。docstructリストに重複するページスタイルが存在する可能性があります(重複するid属性を使用)。
私がやりたいのは、phpファイル/ ajaxを介して一意のmd5ハッシュを要求し、アイテムがドロップされた後、そのハッシュをドロップされたアイテムのrel属性に追加することです。これまでに試したことはすべて、「pagepool」の元のアイテムを更新します。
複製されたアイテムのみをターゲットにするようにこれを変更するにはどうすればよいですか?:
loops - 「ドラッグ可能」を削除すると、Javascript が無限ループに陥る
私はこの特定の問題を抱えています:ドラッグ可能なものをドロップ可能なものにドロップしてから、このドラッグ可能なものを削除すると(ドラッグ可能なものは「ファイルとフォルダー」であり、ドロップ可能なものは「ごみ箱」です)、「ドロップイベント」のコールバック内で、javascript無限ループに陥ります。私の正確なコードは次のとおりです。
Google Chrome の JavaScript コンソールから表示されるメッセージは次のとおりです。
jquery - jquery:ドラッグ可能なクローンIDを更新するには?
http://jsbin.com/ipese5/35の例では、ドラッグ可能なアイテムを並べ替え可能なリストに追加したいと考えています。
問題は、並べ替え可能なリストにドラッグしたときに、複製されたアイテムの ID を更新したいことです。奇妙なことに、次のコードは de ui オブジェクトの id を "new-id" に更新しますが (コンソールで確認できます)、実際のページ html では id が変更されません。誰にも解決策がありますか?
jquery - ドラッグ可能な要素でホバーすると、.hover が機能しない
私の悪い英語を許してください...
状況: サブメニューのあるメニューがあります。ホバーするとサブメニューが開きます。(ul と li を含む単純なドロップダウン メニュー)
メニューに何かをドラッグしたい管理領域があります。
問題: 何かをメニューにドラッグすると、.hover が機能しないかのように折りたたまれません また、メニューはソート可能です。同じ問題のために、サブアイテムをメインメニューにドラッグできますが、メインメニューのアイテムはドラッグできません.hover が機能せず、メニューが折りたたまれないため、サブアイテムにドラッグできます。
何かをドラッグすると .hover は無視されますか?
jquery - ページをスクロールした後、jQuery のドラッグ可能なヘルパーが間違った場所に表示される
私が開発している作業計画システムには、jQueryのドラッグアンドドロップが可能です。ユーザーがジョブを別の日またはユーザーにドラッグすると、ajax 呼び出しを使用してデータが更新されます。
メインページを下にスクロールするときを除いて、すべて正常に動作します (ジョブは、ブラウザウィンドウの下部を超える大きなウィークプランナーに表示されます)。ここでドラッグ可能な要素をドラッグしようとすると、下にスクロールしたのと同じ量のピクセルで要素がマウス カーソルの上に表示されます。
jQuery 1.6.0 と jQuery UI 1.8.12 を使用しています。
追加する必要があるオフセット関数があると確信していますが、それをどこに適用するか、またはより良い方法があるかどうかはわかりません。これが私の.draggable()
初期化コードです:
これを修正するために何ができるか考えていますか?
jquery - jQuery をソート可能、ドロップ可能、ドラッグ可能にして連携させる
jQueryのソート可能、ドロップ可能、ドラッグ可能を使用して連携しようとしています。3 つのリストがあります。ブレークポイントのプレースホルダーです。行を報告します。グループを報告します。
ユーザーは次のことができる必要があります。
- プレースホルダーのコピーを「レポート行」リストにドラッグします
- 一度に 1 つずつ、単一の「レポート グループ」(クローンではない) を「レポート行」コレクションにドラッグします (ただし、その逆ではありません)...レポート グループがなくなるまで。
- ユーザーは、レポートの行リストを並べ替えることができなければなりません。
私の問題は...
上記の2番が機能しないことです
補足:
このために jsFiddle を実際に作成しようとしましたが、jsFiddle で jQuery の UI ファイルを解決することができませんでした。
HTMLは次のとおりです。