問題タブ [jquery-ui-droppable]

ドラッグ可能/ドロップ可能なjQuery UIを利用したアプリを構築しています。

ボックスを左から右のターゲット ボックスにドラッグする必要があります。これは問題なく動作しますが、値ボックス ID がドロップされたターゲット ボックスがない場合は、左側のセクションに戻す必要があります。

少しドラッグしてから放すとうまくいきますが、遠くにあるとそこに座っています。私は追加しました

しかし、それは役に立たないようです。私は何が欠けていますか？

ここにデモがあります。

ドラッグ可能な 4 つの div があります。そして、daggable div をドロップする div。私のコードは基本的に、jQuery のサイトからダウンロードして少し変更した API にすぎません。

私の問題は、すべての div がドロップされたときに同じ機能を持っていることです。個々の関数を個々の div に作成するにはどうすればよいですか?

次のようになります。

このコードではうまくいきません。何か案は？

前もって感謝します！

よろしく、 VG

ドラッグアンドドロップ作業を作成しました。ここでは、ドラッグ コンテンツを特定の領域に配置できますが、ドラッグ可能なアイテムに対して各ドロップ可能な関数を作成しました。私はそれを単純化する必要があります。

これは私の作品です: http://jsfiddle.net/thilakar/u7TnA/

私を助けてください。

ありがとう

私は周りを検索しましたが、この問題の解決策を見つけることができませんでした。

jqueryUIを並べ替え可能とドラッグ可能に統合しようとしていますが、機能しないようです。

ここに非常に基本的なデモがあります。SOで見つけた他のすべての例はかなり複雑だったので、可能な限りシンプルな実装に縮小しようとしました。

http://jsfiddle.net/e4Z8N/7/

この基本的な例が機能しない理由を誰かが知っていますか？

編集：全体を混乱させるのはCSSクラスであることがわかりました。CSSクラスを削除すると、正常に機能します。CSSクラスなしの作業バージョンhttp://jsfiddle.net/e4Z8N/17/なぜこのように動作するのか誰か知っていますか？

ここで私はやった：http://jsfiddle.net/thilakar/QNkEL/2/

親要素と子要素もドラッグできます。しかし、子と別の子(別の親子要素)の間にコンテンツをドロップする必要があります。

私の要件:

子の間でテキストをドラッグアンドドロップし、コンテンツを別の親の子にドロップする必要があります。

私の問題：

リストが動的に来るときにソート可能が機能しない。

私を助けてください..

ありがとう

JQueryUIの操作中に問題が発生しました。私が達成しようとしているのはこれです：

• オブジェクトを含むソート可能なリスト（.form_container）があります。それらの位置が変更されると、ajax呼び出しはDBを更新します。
• このリストの外に、「テキストアイテム」（.create_item）があります。それらのアイテムが並べ替え可能なリストにドロップされているときに、コンテンツを取得するajax呼び出しを行い、単純なアイテムをオブジェクトに変換できるようにします。
• 次に、新しいオブジェクトが追加されたので、ajaxが位置を呼び出すように要求します。しかし、新しいオブジェクトが正しくロードされる前ではありません。

私は十分に明確であることを願っています...

だから最初に、私はそのようなことをすることについて

最初の試み ：

問題は、ドロップconnectToSortableイベントもトリガーするため、このイベントが2回呼び出され、問題が発生することです。

そこで、SOFに関する誰かのアドバイスに従い、コードをそのようなものに変更しました。

2回目の試み：

問題は、受信イベントが終了する前に更新イベントがトリガーされ、アイテムが適切に適切なオブジェクトに変換されていないことです。

それがすべてです、誰かが私を助けることができますか？

次のリンクで便利にしましょう: conta.md/rafturi/kae/tester.php。

私は 2 つdivの s (コンテナー) を持っています。1 つのdivクローンはドラッグ可能な白い背景で、もう 1 つの黒いdivドラッグ可能なものは mysql からのものです (たとえば)。

黒の div を現在の親から次の親に移動するときに、新しい div の de id を提供divする変数 insiteが必要です。stop:function正確に何をすべきかを教えてください。この内部stop:functionには 2 つの変数があります。1 つは現在の ID を示し、もう 1 つはdiv移動する要素の ID (黒div) を示します。

子を並べ替えると、親と子の値が得られますが、(title1orangepinkyellowgreen、title1orangepinkyellowgreen、title1orangepinkyellowgreen、title1orangepinkyellowgreen) のようになりますが、このように印刷する必要があります (Title1_orange、title_pink...)

ここにフィドル リンク: http://jsfiddle.net/thilakar/VKWeC/

ありがとう

jQuery を使用する場合は、並べ替え可能、ドラッグ可能、ドロップ可能です。

1. ソート可能なアイテムをソート可能にドロップします。
2. ドロップ可能にドラッグ可能をドロップします。

オブジェクトをドロップするコンテナは、そのオブジェクトの中心位置がコンテナの境界内にある場合にのみ受け入れます。

申し訳ありませんが、上記のステートメントは複雑すぎます。下の図を参照してください。

受け入れのポイントをどのように変更できますか？

ツリーリストがありますが、並べ替えが完了したら、親と子の値を取得する必要があります。

jquery

フィドルリンク： http： //jsfiddle.net/thilakar/mwypv/