問題タブ [jquery-ui-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 投票する
4 に答える
11157 参照

jquery-ui - ドロップ可能な成功コールバック内からバックボーンモデルへの参照を取得するJqueryDraggableとBackbone.js

ここでレンダリングし、jqueryuiでドラッグできるようにするバックボーンビューモデルがあります。

上記では、viewmodelを利用でき、domから削除したり、モデルのメソッドを呼び出したりできます。しかし、必要なのは、このビューモデルをドロップ可能なコンテナ(ゴミ箱など)にドラッグしてから、ビューモデルのメソッドを作成し、DOMから削除します。

ただし、アイテムがコンテナにドロップされたときのコールバックメソッドは次のようになります。

したがって、ui.draggableを表示してDOMから削除することはできますが、そのビューモデルへの参照はありません。私は何か間違ったことをしていますか?これを回避する方法はありますか?

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

jquery - jquerydroppable'drop'イベントヘルプ

私が基本的に行っているのは、ドロップ時にリストアイテムを作成することです。ドロップイベントを使用して、リストを使って他の凝ったことをしています。問題は、ドロップ時に、アイテムがまだ作成されていないことです。

アイテムが4つある場合、5つ目のアイテムをドロップしただけでも4が報告されます。別のイベントはありますか?または、以前に使用したsetTimeoutを使用して成功した可能性があります。他のイベントを確認しましたが、要素が削除された後にトリガーされるものが何も表示されません。

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

javascript - ドラッグ アンド ドロップ イベントで要素の属性を取得する

ドロップ可能な div の out イベントと drop イベントで期待できる情報は何ですか? ドロップ可能なコンテナー div が 2 つあります。コンテナー 1 には 4 つのネストされた要素があり、コンテナー 2 には 1 つのネストされた要素があります。1 つの要素をコンテナー 1 からコンテナー 2 にドラッグします。コンテナー 1 の out イベントには、まだ 4 つのネストされた要素があります。ただし、コンテナー 2 のドロップ イベントで 1 つの要素を見つけましたが、それはたまたまコンテナー 1 からのものでした。したがって、いくつかの問題があります。

  1. 両方のイベントで見つかった情報は、コンテナーの実際の状態を反映していません。
  2. out イベントは、要素が移動されたことを反映していません。
  3. ドロップ イベントは、ドロップされる要素のみを表示します。

コンテナとコンテナにネストされた要素の HTML は次のとおりです。

JavaScript では、入れ子になった要素を と.childrenthis の.eachような関数でループし$('#'+divid).children('div').children('div').each()ます。

ドラッグ アンド ドロップ可能な div のネストされた要素に関する正しい情報を取得するために、アウト アンド ドロップ以外に他のイベントはありますか? .childrenドラッグ アンド ドロップ可能な div のネストされた要素を取得する以外に、別の関数はありますか?

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

jquery - SQLからのjQueryUIドロップ/ドラッグデータはドラッグ可能/ドロップ可能ではありません

jqueryui.comが提供するPhotoManagerの例使用して、jQuery UI Drop/Drapをいじっています。私が達成しようとしているのは、写真マネージャーとして、SQLデータベースから自動生成されたデータを使用することです。ドラッグ可能なデータをデータベースからのデータで埋めることができました。例のように画像をドロップ可能なデータにドロップできるので、そのデータをデータベース(別のテーブル)に保存して、次回ユーザーが再ログまたは更新するときに使用します。ドロップ可能なページにドロップされた画像を見ることができるページです。これまでのところ良好です。問題は、ドロップ可能に対して生成されたデータがドラッグ可能ではなく、ドラッグ可能からドロップされた画像のみであるということです。<div><div><div><div><div>ページを再表示せずに、ドラッグ可能およびドロップ可能にドラッグ可能に戻すことができます<div>

jqueryuiコード

HTML

jqueryコードはa内に<script>あり、データベースデータが取得された直後に実行されます。

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

jquery - jQueryUIを使用して要素を別の要素にドラッグするときに要素を交換する

ページ上に要素の配置があります:

jQuery UI(Draggable / Droppable)を使用して、あるdivが別のdivにドロップされた場合に、位置を入れ替えるようにするにはどうすればよいですか?(他の場所にドラッグすると、元の位置に戻ります。)

ありがとう。

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

jquery - jQueryUIでのソート可能およびドロップ可能非アクティブ化

ページのいくつかの異なるページに、ソート可能およびドロップ可能なjQueryUIを添付しました。

ユーザーが別のアクティブな列をドラッグした後、「droppable」列に最も近い列に配置されないように、ドロップされる要素が必要です。

http://jsfiddle.net/jordanbaucke/W3yyk/4/

最も近い「sortable」列を無効にして、「droppable」がアクティブなときに再アクティブ化しようとしましたが、これは機能しません。どうすれば修正できますか?

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

jquery-ui - 2 つのリストをドラッグ可能、ドロップ可能、およびソート可能に結合する方法は?

2 つのリストがあります。開始時には、最初のリストのみが可視要素を持ち、2 番目のリストは 1 つの非表示要素のみで始まります。ドラッグするときは、空のリストを検索して、要素が 1 つしかないかどうか、CSS で非表示になっているかどうかを確認します。その場合、ソース リストからその要素を削除し、2 番目のリストに追加します。また、2番目のリストをソート可能にする必要がありますが、現時点では以下に示すコードでは機能しません。

誰でも何か提案できますか?

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

javascript - jQueryUIドラッグアンドドロップリスト-両方の方法ですか?

私はjQueryUIのDraggableとDroppableのドキュメントを調べてきました。リストを別のリストにドラッグアンドドロップできるようにするさまざまな方法を見つけましたが、両方の方法はありませんか?

私のシナリオは、2つのリストがあるということです。

リスト1からリスト2にアイテムをドロップする場合は、AJAXURLを実行する必要があります。

hello.asp?action=add&id=48

そして、リスト2からリスト1にアイテムをドロップした場合、別のAJAXURLを実行する必要があります-のように

hello.asp?action=remove&id=48

これはどうにか可能ですか?:)それは私のスクリプトのインターフェースをとても簡単にするでしょう:)

注:私はすでにjQueryUIに精通していますが、ドロップ可能とドラッグ可能の両方が私にとって新しいものです。今までは少なくとも:)

編集:

今、私は更新を介してAJAXを介して正しいシリアル化されたデータを取得する必要があるだけです:{}?

編集:

とった!

これで、functions.aspでrequest.form( "string")を実行すると、 "25、28、31、94、95"のような一連のIDが取得されます。..:)

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

jquery - コンテナにドロップされた複製されたドラッグ可能オブジェクトを削除するには?

ウィジェット (ドラッグ可能) をウィジェット ビルダー (ドロップ可能) にドラッグできるウィジェット ビルダー アプリを作成しました。複数のウィジェット (クローン) をビルダーにドラッグできます。クローンはドラッグ可能で、クローンはビルダー内に制限されます。

ウィジェット ビルダーの右上隅に小さなボックスを用意しました。これをゴミ箱として使用します (ドラッグした場合にクローンを削除するため)。

クローンがごみ箱領域にドラッグされた場合にクローンを削除する機能の作成を手伝ってくれる人はいますか?

これが私の例です:http://jsfiddle.net/mitchslap/K8VKa/

ありがとう、ありがとう、ありがとう!

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

jquery - タグのhref属性はURLですが、タグをクリックすると関数が呼び出されます。