問題タブ [draggable]

私は jQuery が初めてで、小さなプロジェクトで助けが必要です。ドラッグ アンド ドロップ リストを作成して、ムービー クリップを移動し、目的のターゲットにドロップされた時間をカウントしています...これは問題なく機能しています...しかし、主な問題は、目的の div の位置を並べ替えたいことです。sortable->change イベントですべての要素を時間更新する方法がわかりません。コードが示すように、各 div の後に「時間」が表示されるようにします。これは、クリップが開始される時間です。私はすべての属性をクリアし$("b").remove();（時間だけを更新したい）、$.each();関数を使用してすべての要素を再カウントし、それらに「時間」を追加する必要があると信じています。誰でもそれで私を助けることができますか？

ここに私のコードがあります: http://lukasz.webh.pl/test.html

私が達成したいことを明確にするために：例えば、それはインターネットラジオ局の番組スケジュールになるとしましょう。左側には利用可能なプログラムがあります。スケジュールに追加するプログラム ウィッチを選択し、目的の DIV にドラッグします。次に、スクリプトはその時間を収集し、いつ開始するかを示します。したがって、すべての要素 (時間) は、前の要素の合計でなければなりません。理論的には、プログラムの位置を変更するまで機能します...

ここでは間違ったパターンを使用している可能性がありますが、使用している場合は、誰かが私を修正してくれることを願っています。

ユーザーのワークスペースを表すオブジェクトがあり、サーバーアクションに応答して、divのクローンを作成し、そのプロパティの一部を変更し、ワークスペースに配置して、ドラッグ可能にし、onCompleteアクションを追加します。このアクションは、ワークスペースオブジェクトの別のメソッドを呼び出して、レイアウトを永続化するためにdivの更新された位置をサーバーに送り返すことを目的としています。

クラスを関連するメソッドに分解しました。

updateCoordinates現在、メソッドを呼び出すのに問題があります。thisと他のキーワードのさまざまな組み合わせを試しましたが、うまくいきません。

電話をかける正しい方法は何updateCoordinatesですか？

jquery uiのドラッグ可能な関数を試しました：$（ "div.kind_div"）。draggable（{カーソル：'十字線'、包含：'ドキュメント'、appendTo：'本体'}）;

kind_divをドラッグできますが、外側のdivに残ります

ページ全体にドラッグしたい

どのようにできるのか？

ありがとう

私のビューには、ユーザーがドラッグできるいくつかのuiimageviewがあります。ビューに基づいた座標に「スナップ」するようにしています...しかし...画像に基づいた座標にこれらをスナップすることは可能かどうか疑問に思っています。

だから私は背景に1つの画像、ボックスを言いました。次に画像をドラッグすると、ボックス内に収まるとスナップします。私が言ったように、私は画面に関連する場所を計算することによってこれを行うことができますが、ボックスはできません。

ボックスの座標を取得して、それらと比較できると思いますか？もっと良い方法があるかどうか疑問に思っていますか？

ありがとう

リストからさまざまなドロップ可能なコンテナーに要素をドラッグできるドラッグ アンド ドロップ ページに取り組んでいます。これは完全に機能します。私が今達成しようとしているのは、これらをあるコンテナーから別のコンテナーにドラッグする (またはコンテナー内で並べ替える) ことです。しかし、私はこれを行うことができないようです。

リストは、タイトル付きの色付きのボックスの連続のように見えます (それぞれのクラス名は「.item」です)。リストからドラッグすると、リストが同じままになるようにクローンが作成されます (つまり、ブロックは削除されません)。

クラス名が「dragrow1」と「dragrow2」の 2 つのコンテナー (この例) があります。ボックスをどの行にドラッグするかによって、ブロックの外観が変わります。これは正常に機能します。問題は、これらのボックスを、独自のコンテナーまたは別のコンテナー内で、それ自体を複製せずに再度ドラッグすることです (移動する必要があります)。ちなみに、クラス名はスタイル上の理由でドロップ後、「.item」から「.box」に変わります。すばらしいのは、色付きのボックスをコンテナにドラッグすると、適用された css スタイルにより、各ボックスが互いに隣り合って浮動し、左上隅から横に並んで配置されることです。

これまでの私のjqueryコードは次のようになります。

コンテナ コードの例は次のようになります。

誰でも私に何か指針を与えることができますか？

ありがとう、

アリ。

私は実際に.phpページを作成しようとしています。3つのドラッグ可能な要素を3つのドロップ可能な要素にドラッグする必要があります。それぞれがドロップ可能な要素にドラッグ可能であり、それらは一意であるため、各ドロップ可能な要素は特定のドラッグ可能な要素のみを受け入れます。 。

重要なのは、すべての要素が正しい場所にドラッグされていることを制御する必要があるということです。その場合、たとえばユーザーをsuccess.phpにリダイレクトする必要があります。そうしないと、一部の要素が間違ったドロップ可能オブジェクトにドラッグされた場合、ユーザーは、たとえばfailure.phpにアクセスする必要があります。

とにかく、たとえば、すべてのドラッグ可能オブジェクトが適切な場所にドロップされたことを知るために、PHPの$ _SESSIONに特定の値を保存することはできますか？

ドラッグアンドドロップのコードは次のとおりです。

たとえば、ドロップ可能な要素のアクティブクラスを取得して、「ui-state-highlight」と一致するかどうかを確認しようとしていますが、実際には、ページがリロードされるたびにそのタグが実行されるため、ドロップへのコード
：function（）常に実行されます。

よろしくお願いします！

初期状態が非表示 (つまり、display:none) のソート可能なリストに要素をドラッグできないようです。

各行の html は次のようになります。

しかし、フィールドを 'dragrow*' にドロップできるようにするには、div 'dragbox-content' に 'display:block' のスタイルが必要です。これは、メインの css スタイルで記述するか、div 自体にハードコードすることができます (例: )

問題は、ページの読み込み時に、すべての行 (または少なくとも 1 つを除くすべて) を閉じたいということです。これは、最初は「display」を「none」に設定する必要があることを意味します。この部分は簡単です。一部の jQuery は、ready() イベント内でページの読み込み時にこの css を変更できます。

また、「toggle」と呼ばれる jQuery コマンドがあり、h2 タグをクリックすると、この css 表示がブロックとなしの間で自動的に切り替わります。したがって、各行を表示または非表示にすることができます。

そのため... 行が ready() イベント内で表示されている場合 (display:block)、アイテムを並べ替え可能なリストにドラッグすることができます (行の表示と非表示を切り替えても)。

しかし... 行が ready() イベント内で非表示 (display:none) の場合、アイテムをソート可能なリストにドラッグすることはできません。

何か案は？本当にこれに引っかかった...

http://jqueryui.com/demos/sortable/で示されている標準的な動作では、リスト内のアイテムをドラッグすると、アイテムがドロップされる場所にプレースホルダー要素が表示されます。

ただし、ドロップするアイテムの元の場所は示されません。

http://jqueryui.com/demos/に示されている「半透明のクローン」オプションで元の場所を残す方法と視覚的なフィードバックが似ているように、ドロップするまで元の場所を表示したままにしたいと思います。ドラッグ可能/#visual-feedback

sortableでこれを行う方法はありますか?

ありがとう！

ドラッグ可能な要素をソート可能な要素に接続する方法を説明する記事を見つけました。

http://the-stickman.com/files/jquery/draggable-sortable.html

しかし、私が必要としているのは、ドラッグ可能な要素を任意のDOM要素に接続することです。

ある要素にドロップするときに何かをする必要があります。

しかし、ドラッグ可能な要素をドロップしたときに、その要素がどのようになっているのかを知ることができますか？