0


0

ドラッグ中に「ホバー」イベントをキャッチ

私は私のページでドラッグアンドドロップ可能なjQuery-uiを使用しています。 基本的に、あるセクションからアイテムをドラッグして別のセクションにドロップできるアコーディオンを実装しています。 jquery-uiアコーディオンを使用しません。関連するセクションを表示し、時間が適切な場合(ドラッグ中にセクションヘッダーにカーソルを合わせると)を非表示にするだけです。 私が直面している問題は、ホバーイベントがドラッグ中に機能しないように見えることです。 2番目に試したのは、セクションヘッダーをドロップ可能として設定し、「over」コールバック関数を実装することでした。 問題は、動的なドロップ可能な場所に問題があるように見えることです-セクションヘッダーが移動すると(たとえば、上のセクションが表示され、その下のセクションヘッダーが下に押された場合)、ドロップ可能な場所は同じ場所に残ります?

2 回答


0


uiを変更して、セクションを変更できる部分が動かないようにすることができます。

したがって、いくつかのナビゲーションリンクまたはタブを使用できます。これらは静的なものです。 ユーザーがタブの上にアイテムをドラッグすると、新しいタブが開き、正しい場所にドロップできます。


0


ここに私がそれを解決した方法があります:

  1. ドラッグ可能なオプションで\ {refreshPostions:true}を設定します(これは痛いです パフォーマンスは少しですが、私は他の方法を見ていません)

  2. ドロップ可能に設定:

over: function() {$("#accordion").accordion('activate', $("#accordion .header").index(this))