問題タブ [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 投票する
1 に答える
106 参照

jquery - 親と子の値を表示しますか?

親と子の値を表示する必要があります。しかし、ここでは片側だけの値を取得しています。しかし、私は両側が必要です。

例えば:

私は以下のようなリストを持っています:

黄色をドラッグしてtitle2に配置すると. 次に、このように親と子の値を表示する必要があります

ここにリンクがあります: http://jsfiddle.net/thilakar/mwypv/16/

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

jquery - 「appendTo」で定義された要素にJquery uiドラッグ可能をドロップできませんか?

私はコンテナにいくつかの画像を持っています。それらはすべてドラッグ可能で、クラス「コンテナ」を持ついくつかのドロップ可能なコンテナがあります。

ドラッガブルは「スナップ」を「.container」に定義しています。

問題は、コンテナに「スナップ」されている場合、ドラッグ可能オブジェクトがドロップされないことです。「スナップ」プロパティを削除すると問題は解決しますが、ドロップする前にドラッグ可能オブジェクトをスナップしたいと思います

左の画像はドロップしない(スナップされる)、右の画像は問題なくドロップする

左側の画像はドロップしません (スナップされます)、右側の画像は問題なくドロップします。

どんなアイデアでもいただければ幸いです

コード:

HTML:

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

jquery-ui - フルカレンダー-イベントがドロップされた場合、ドロップされたDIVを見つける方法は?

私は、すべての基本を実行するFullCalendar実装に取り​​組んでいます。これらは、正常に機能しています(ドラッグ/ドロップ、サイズ変更、追加、削除、イベントの編集)。しかし、最近、記念日などのカレンダーに「アイテムの繰り返し」機能を統合しました。これもすべて問題ありません。

問題は、新しい場所にドラッグされたアイテム(たとえば、100回繰り返される)がある場合に発生します。ajax呼び出しが行われ、データベース内のアイテムの日付/時刻と、すべての「リピート」アイテムが更新されます。これには数秒かかる場合があります。したがって、基本的に、イベントがドラッグアンドドロップされた日付のDIVに「読み込み中」のGIFを表示したいと思います。DIV IDまたはDIVをオブジェクトとして取得するにはどうすればよいですか?

編集

また、回避策があれば、datedivの読み込みグラフィックに代わる他の方法を聞くこともできます。

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

jquery - jQueryドロップ可能が起動しませんか?

以下のドラッグアンドドロップの例のプロトタイプを作成しています。これは、ドロップイベントを発生させることができないことを除いて、私が求めるすべてのことを実行しています。

要素は、コンテンツdivに貼り付けずに元に戻ります。私が欠けているアイデア

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

jquery-ui - 内側のドロップ可能オブジェクトがドラッグ可能オブジェクトを受け入れない場合に、ドロップイベントが親に伝播しないようにします

ドロップ可能なものdiv#spaceとドラッグ可能なもののコレクションがありli.elementます。をドラッグするli.elementdiv#space、新しいul.groupものが作成され、にli.element追加され、ul.group最後にul.groupドロップ可能になります。

与えられた

これらの要素を次のように動作させたいと思います。

  1. それを含まないにli.elementドロップすると、はに追加されますul.groupli.elementul.group
  2. それを含むli.elementにドロップするとul.group、は元の位置に戻りますli.element
  3. が(の外側に)li.elementドロップされると、上記のように新しいグループが作成されます。div#spaceul.group

ul.group問題は、要素がそれを受け入れない要素にドロップされると、親div#spaceがイベントをキャッチして新しいグループを作成することです。

には、droppableが要素ul.grpupであるかどうか、およびまだドロップされていないかどうかをチェックするaccept関数があります。

ドロップハンドラーですべてを受け入れて無視しない場合、この動作をどのように実装しますか?(私は試していませんが、うまくいくと思います)


編集

それを修正する試み

jquery-ui-1.8.4.jsにパッチを適用して、イベントをaccept関数に渡しました。これで、を使用して伝播を停止できますが、ドラッグ可能なヘルパーを手動で$(event).stopPropagation()アニメーション化して元の位置に戻し、復帰をシミュレートしてから、domから削除する必要があります。

残念ながら、元の要素からのドラッグ可能な動作も破壊されているようです。なんで、なんで?

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

jquery - このコードがjquery UIのドラッグ&ドロップを壊すのはなぜですか(アイソトープを使用)

アイテムのグリッドがあるページがあります。これらの各項目は、4 つの div のいずれかにドラッグして、その div に追加できます。これは、ドラッグ可能/ドロップ可能な jQuery および JQuery UI を使用して行われます。

最初の同位体アイテムは、任意の div にドラッグできます。ただし、2 番目と 3 番目の同位体アイテムは最初のドロップ可能な div を認識しませんが、2 番目のドロップ可能な div にドラッグすると、最初のドロップ可能な div に追加されます。

4 番目と 5 番目のドラッグ可能なアイテム (アイソトープ) は、1 番目または 2 番目のドロップ可能な div を認識しませんが、3 番目のドロップ可能なアイテムにドラッグすると、2 番目のドロップ可能なアイテムに追加されます。

そのため、どういうわけか、アイテムがどこにドロップされているかについて、ドロッパブルが混乱しています。

次のコードをコメント アウトすると、ドラッグ アンド ドロップが正しく機能します。このコードがドロップ可能な領域に影響を与える理由についてのアイデアはありますか??

- - - - - - - - アップデート - - - - - - - - -

これをもう少しいじった後、ドラッグの開始時に同位体を「破壊」することを追加することにしました。

この方法で実行すると、アイテムが正しいコンテナーにドロップされます。

同位体のドキュメントには、それらは「削除」機能であると記載されていますが、これには 2 つの問題があります。

1) ドキュメントには、「Isotope ウィジェットと DOM から指定されたアイテム要素を削除する」と記載されていますが、ウィジェットまたは DOM からアイテムを削除したくありません。同位体機能を削除したいだけです。

2) 「初期化前に isotope のメソッドを呼び出せません。メソッド remove を呼び出そうとしました」というエラーが表示されますが、この場合、同位体は初期化されましたが、クローンされたオブジェクトではない可能性があります?? 私は学びたいと思っていますが、これは私の能力を超えています。

このエラーを修正する 1 つの方法を見つけたので、ドラッグ時にアイソトープを破棄し、ドラッグが完了した後、またはアイテムを手放した後にアイソトープを再初期化することができましたが、それは非効率的です。

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

jquery - jQueryはSortableからドロップポイントを再計算します

この回答済みの質問に似たバグがあります: js / jQuery Drag'n'Drop、ドロップターゲットを再計算します

ユーザーがレイアウト内でドラッグ可能な移動を行い、ドロップ可能な位置を変更した場合、$。ui.ddmanager.prepareOffsetsを呼び出してオフセットをリセットできます。これが上記のチケットの答えです。

ドラッグ可能なものでのみ機能するはずなのに、ドロップ可能なもので受信コールバックを起動するクローンヘルパーを使用したソート可能ファイルがあります(受信コールバックは機能します)。したがって、ヘルパーは相互作用することはできますが、.data('draggable')を持たないため、偽のドラッグ可能のように実行されているようです。

並べ替え可能な各アイテムを明示的にドラッグ可能にする必要がありますか、それとも見逃した$ .ui.ddmanager.prepareOffsetsを使用する別の方法がありますか?

prepareOffsetsを使用する別の例については、 http://rubberflat.com/2010/06/refresh-jquery-ui-droppable-area-after-shifting-position/を確認してください。

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

jquery-ui - jQuery UIの作成イベント内から無効化されたオプションを参照する方法は?

create イベント内から無効なオプションを参照するにはどうすればよいですか?

$(this)以下のコードは機能しますが、 を参照するのではなく、"event" および "ui" パラメータを参照することで、少しすっきりと短くしたいと思います。これらのパラメーターを理解するための知識、または操作方法を知るための知識が不足しています。

次のようになると思います。

どうすればいいのですか?

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

jquery - Jqueryのドロップ可能な伝播

メニュー内の要素をドロップ可能にしようとしています。ページの右下に 3 つの div を絶対位置に配置します。

参照: http://img600.imageshack.us/img600/9927/sinttulo1vv.png

緑色の div は、検出用の div です。

赤い div はメニューで、最初は何も表示されませんが、緑の div が終わるとこれが表示されます。

青い div は、out を検出するためのものです。

問題は、メニューに何かをドロップすると、最初にこのドロップ可能オブジェクトが検出され、ドロップされず、オーバーイベントとアウトイベントが発生しますが、ドロップされないことです。

私は貪欲なオプションを試していますが、何もしません:S

誰かが私を助けることができますか?ありがとう!

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

jquery - ショッピングカートにドロップしないドラッグアンドドロップ

アルバムアートの画像をドラッグすると、クローンを作成してカートボタンからドロップすると元の場所に戻りますが、カートボタンにドロップしてもカートは更新されず、元の場所に戻るだけです。州。なぜこれが起こっているのですか?

コントローラ

より多くのコードを見たい場合はコメントしてください