問題タブ [jquery-droppable]

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 に答える
10318 参照

javascript - JQuery UI: ドロップ可能ドロップ時にソート可能をキャンセル

JQuery 1.5.1 と JQuery UI 1.8.11 を使用しています。

いくつかのアイテムにソート可能を追加しました-ここでのタスクは、ドラッグしてソートできるようにすることです。これはすべて正常に機能します。

しかし、アイテムを「コピーミー」エリアにドロップできるように、ドロップ可能も組み込みたいです-アイテムを複製するタスクがあります(後で少し作業します)

問題は、ドロップ可能なターゲットがソート可能なリストの一番下にあり(これを移動したくない)、ドロップが発生すると、ソート可能なアイテムがリストの一番下に移動することです。

私がやりたいのは、ドロップ イベントが発生したときにこの並べ替えをキャンセルすることです。

ここで私の問題を実際に見ることができます(「アイテム 1」を「アイテムをコピーする」領域にドラッグするだけで、並べ替えがキャンセルされないことがわかります)

ご覧のとおり、ドロップ可能な「ドロップ」イベント(JQuery UI Docsから提案)で次のことを試しましたが、うまくいかないようです...

また、私が探しているこの「ドロップしてコピー」効果を達成する方法に関する他の推奨事項も受け入れます。

ありがとう

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

jquery - Jquery-ui。「ドラッグ可能」、「ソート可能」、および「タブ」を一緒に使用する際の問題

私はここでこのドラッグアンドドロップの例から始めました。

うまく機能しますが、タブ内にドロップ領域を配置しようとすると(ここ)、壊れているようです。「ソート可能 2」タブにアイテムをドロップしようとすると、機能しなくなります。

これが理にかなっていることを願っています。

HTML は次のようになります。

そしてJavaScript:

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

jquery - gridDnDプラグインを使用してJQGridからドロップ可能なテキストフィールドに行をドラッグする方法はありますか?

JQGridからテキスト入力フィールドに行をドラッグし、ドロップされた行から入力のテキストの最後に列のテキストを追加したいと思います。

明らかにこれは答えから遠く離れていますが、これが設定されているグリッドから行をドラッグすると(#inputTextField「ドロップ可能な」テキストフィールドがあります)、JavaScriptエラーが発生しますthis.p is undefined

これは、宛先が明らかにJQGridではなく、this.p定義されていないためです。私はいくつかの異なることを試しました...たぶん、ドロップイベントを「だまして」機能させる方法はありますか?助けてくれてありがとう:)

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

jquery - jQueryのドロップ可能なDOMイベントの順序

私には2人のリスナーがいます。1つはjqueryUIからのドロップ可能なクラスです

私はまた、物事を普遍的にクリアするより高いリスナーを持っています。

ただし、「ドロップ」アクションを完了すると、両方がトリガーされますが、2番目のアクションが最初にトリガーされるため、コンソールにこれが表示されます。

ドロップ可能はmyDivにアタッチされているので、最初にトリガーする必要があることを理解していました。ドキュメントリスナーの前にそれをどのように発生させることができますか?

何か案は?

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

jquery - JQueryの複雑なドラッグアンドドロップ-異なるテーブルに同様のキャプション付きの列値を追加する方法

テーブルから別のテーブルの行に1つの行をドロップする必要があるという要件があります。ドロップ中に、いくつかのソース列がターゲットに追加されるはずです。例:

ソーステーブルにはcolumn Id、、、、、、がNumber of BundlesありNumber of tagsますTarget has IdNumber of BundlesNumber of tags

Number of Bundles上記の例で、ソース行をターゲット行にドロップする場合、列値とNumber of Tags列値を別々に追加するにはどうすればよいですか?

行に列が1つしかない場合は、値をドラッグアンドドロップして合計することになりました。助けに感謝します。私はJQueryを初めて使用します。

以下のスクリプトコード(ここにhtmlコードを追加する方法がわかりません):

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

jquery - 要素がドロップ コンテナにドロップされたら再ドラッグする方法

jquery ドラッグ アンド ドロップ プラグインを使用しています。ドラッグ中にドラッグ要素のレプリカを非表示にしたいのですが、ドラッグ要素がドロップ コンテナにドロップされたら、再ドラッグ可能にする必要があります。

私のコードは次のとおりです。

私を助けてください。

0 投票する
0 に答える
269 参照

jquery - 行IDをドラッグアンドドロップする方法は?

2つのテーブルがあり、行を任意のテーブルから別のテーブルにドラッグアンドドロップできるはずです。ドロップ中に、ドロップされた行の列の値を取得し、いくつかの列の値に加算と減算を行う必要があります。以下は私が試していることです(まだjQueryを学習しているので、コードが悪く見える場合はご容赦ください)。これに関する助けに感謝します。

ありがとう。

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

jquery - Drop() が Sortable/Droppable で 2 回呼び出される

私はここにこのコードを持っています。ただし、2つの問題があります。

  1. receive 関数で、sortable にドロップされたばかりの要素を取得するにはどうすればよいでしょうか? 新しいものをドロップするために使用されたものではなく、実際にリストにドロップされたものですか?
  2. それが見つからなかったので、drop() 関数を使用することにしましたが、なぜその関数が 2 回呼び出されるのでしょうか?! 私はそれをしたくない !

    /li>
0 投票する
1 に答える
1767 参照

jquery-ui - jquery-ui droppable: 親が子を受け入れないようにする

ドキュメント リストを作成していて、ドラッグ可能な要素がその親によって受け入れられないようにする必要があります。オプションは次のように設定されます。

しかし、ドロップ可能に直接の子を受け入れないようにしたい。問題は、ネストされたリストであるため、親と子が同じクラスを持っているため、次のようなことをする必要があることです

もちろん、これは機能しません。