問題タブ [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.

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

javascript - jQuery:ヘルパーが正常に削除されなかった場合にヘルパーが削除されないようにする方法

私はdraggableカスタムを持っていますhelper。ヘルパーがクローンである場合もあれば、元の要素である場合もあります。

問題は、ヘルパーが元の要素であり、有効なドロップ可能オブジェクトにドロップされない場合、ヘルパーが削除されることです。私の解決策はこれまでのところ次のようになっています。

コールバックで;on_droppedに設定ui.helper.dropped_on_droppableしました。true

ドラッグ可能なもののstopコールバックで、その変数をチェックしてから...どうすればよいですか?

これも正しいアプローチですか?

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

jquery - jQueryのドロップ可能/ドラッグ可能

現時点では、php によって動的に生成された一連の div があり、すべての ID が「itembox」で始まり、カウント数が追加されています。ページにドロップ可能なごみ箱領域があり、ユーザーはごみ箱に fdrag してドロップすることで個々のアイテムボックスを削除できます。

私の問題は、オリジナルをドラッグしてもドロップ可能がアクティブに見えないことですが、helper: 'clone' を設定すると (完全に) 機能します。残念なことに、ドラッグすると、実際にどのアイテムボックスがドラッグされたかに関係なく、クローン関数はアイテムボックスの最初の反復からそのクローンを取得します。

だから私は、ドロップ可能にオリジナルを受け入れるようにするか、実際にドラッグされたアイテムボックスからクローンを取得するようにクローン機能を強制する解決策を探しています。

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

jquery - Internet Explorer(IE)でドラッグ可能なjqueryui-オブジェクトはこのメソッドをサポートしていません

IEで次のコードを実行しようとすると:

次のエラーメッセージが表示されます。

オブジェクトはこのプロパティまたはメソッドをサポートしていません

なぜこのエラーが発生するのですか?

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

javascript - 複数のハンドルを持つJquery Draggable

draggable複数のハンドルを持つ要素を持つことは可能ですか?

毎回異なるハンドル パラメータを使用して 2 回初期化していますが、機能しません。最初のものだけが機能します。

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

jquery - jQuery UI のドラッグ可能な要素を 1 つのリストからドラッグ アンド ドロップして別のリストに配置する際の問題

私は使用してjQuery UIおり、単純なドラッグ アンド ドロップ リストを作成できます。しかし今、要素を別のリストにドロップしたいと考えています。jQuery は常に、項目が間違った場所にドロップされたと考え、元のリストにスライドさせて戻します。

0 投票する
9 に答える
29177 参照

jquery - ソート可能にドロップされたドラッグ可能要素の id にアクセスする方法

ドラッグ アンド ドロップを実装するために JQuery ライブラリを使用しています。

ソート可能なリストにドロップされたときにドラッグされている要素を取得するにはどうすればよいですか?

ドラッグされているdivのIDを取得したい。次の要素がドラッグされます。

私は彼らの例から標準のドラッグ機能を持っています

次のコードが適切な値を返すことで、セクションのドラッグで停止する関数

そして、これはソート可能な要素です:

そして彼の機能:

うまくいかないように見えるさまざまな ui.id などを試しました。

投げundefinedます。


更新

申し訳ありませんが、私のせいです:)母がよく言っていたように、「コーディングする前にAPIを読んでください」。ui.item.attr('id')正常に動作します。

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

jquery - Jquery UIの効果的なチュートリアル

詳細で効果的なjQuery UI 1.7チュートリアルを知っている人はいますか? デモページだけではできません。

ドラッグアンドドロップがわかりません..('div#item').draggable();

ありがとう

0 投票する
4 に答える
96181 参照

jquery - ドラッグ可能なクローンを作成してドロップ可能にドロップすると、再度ドラッグできなくなります

ドラッグ可能なクローンを作成してドロップ可能にドロップすると、再度ドラッグできなくなります。それ、どうやったら出来るの?.append次に、クローンをドロップ可能に追加する方法しかわかりません。ただし、ドロップ位置ではなく、既存の要素の後の左上隅にスナップします。

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

jquery-ui - ドラッグ可能な「connectToSortable」オプションが設定されている場合にのみ、「over」で起動するjqueryUIドロップ可能な「drop」関数

コードはhttp://designvictim.com/jqueryui/index.htmlで確認できます。

Wordpressからウィジェットのドラッグアンドドロップに似たものを作成しようとしています。

私は私たちが達成したいことにかなり近づきましたが、アイテムを「ドロップエリア」からドラッグして外にドロップすると、それ自体が消去され、もちろん更新されたAjax呼び出しが送信されるようにしたかったのです。コンテンツ。そのため、#bodyをドロップ可能にしました。また、モジュール列からドロップ領域の1つにドラッグを開始した場合、ドロップする前に直接並べ替え可能にする必要があり、「connectToSortable:'.moduleContainer'」でこれを実現できましたが、今では毎回モジュールコンテナからアイテムをドラッグして、ドロップ領域の1つにカーソルを合わせ、別の領域に移動すると、$('#body')。droppable()のドロップ関数が起動し、頭がおかしくなります。

jqueryUIのバグではなく、私の不器用なコーディングであることを願っています。助けてくれてありがとう、そして私は問題について自分自身を明らかにしたことを願っています。