問題タブ [draggable]

私は draggable() を使用していますが、時折、draggable() は、マウス ボタンを離した後もドラッグ効果が持続するロック効果を作成するようです。これが発生すると、唯一の修正はページを更新することですが、これは ajax ベースのサイトにとってはひどい方法です。

そのため、 UI ドキュメントを使用して、ドラッグの開始時にタイムアウトを設定する方法を見つけようとしています。これにより、ドラッグが x 秒以内に終了しない場合、dragstop イベントが呼び出されます。

これは難しくないと思いますが、これまでのところ実装できていません。どんな助けでも大歓迎です。

「observe( "click",...」の代わりに「onclick = ...」を使用するという私の問題をすべて特定した3つの優れた回答に感謝します

しかし、受け入れられた回答の賞は、ドラッグされた要素をマークするためにクラス名を追加するメカニズムについてPaolo Bergantinoに渡さなければなりません。

私の HTML には、各行に画像リンクがあるテーブルがあります。

付属の Javascript ファイルには、画像をドラッグ可能にするコードが含まれています。

ドラッグの終了を検出する単純なハンドラー

私の考えでは、画像をクリックするとリンクをたどる必要がありますが、ドラッグすると別のことが起こるはずです。

実際には、画像がドラッグされるとハンドラーが呼び出されますが、リンクは引き続きたどられます。

間違ったイベントをキャンセルしていると思います。

要素がドラッグされた後にリンクがたどられないようにするにはどうすればよいですか?

編集：event.stopgreystateの提案を試した後に追加

FireFox、Apacheなどで機能する基本的なソリューションができました。以下の私自身の回答を参照してください。

しかし、私はまだ IE7 (できれば IE6) のソリューションを探しています。

IE で画像をドラッグする際のもう 1 つの問題は、ツール ヒントが表示されたときに画像がマウス ポインターから離れてしまうことです。マウスを離し、画像をもう一度クリックして、ドラッグを再度取得する必要があります。そのため、その問題を解決するのに役立つアイデアも探しています。

私は非常にiphone-yのスライダー要素を作成しました。これは、全体的な水平方向の動きが制限され（0〜400ピクセルで、垂直方向には移動しません）、200ピクセルのマークを通過すると400ピクセルの「コンテナ」のいずれかの側に「スナップ」します。ドラッグが終了しました。Firefoxで完璧に動作します。Safariでは、要素をこの400pxコンテナの両端に配置するonEnd関数が呼び出されることはありません。さらに、ドラッグ可能な要素がマウスカーソルに「固定」され、アニメーションを終了するためにページをリロードする必要があります。

これが私のコードです

ありがとう！アンドリュー

ドラッグしたい要素のコピーを作成できるようにしたい。ドラッグおよびドロップ可能な標準のUIを使用しています。ヘルパークローンオプションについて知っています。しかし、それはコピーを作成しません。ドラッグされたアイテムは元の位置に戻ります。

ドラッグ可能なタブを備えた典型的な OS ユーザー インターフェイスに基づいたインターフェイスを持つアプリケーションがあります。

最後にクリックしたタブ/ウィンドウが他のウィンドウの「上」に表示されるように、タブを OS のウィンドウのように動作させたいと考えています。

これは、要素の z-index と関係があることを知っています。コードの簡略版は次のとおりです。

タブがドラッグされているときに望ましい動作が発生します。つまり、タブがページ上でドラッグされると、すべての要素の上に表示されますが、マウス ボタンを放すと、ドラッグされた div が再び遅れます。

上記の動作を達成する方法はありますか？

ありがとうございました

以下のコードは、ドラッグ操作中にコントロール (ラベルなど) がドラッグ画像を表示できるようにします。

私の問題は、ドラッグが開始されたときにドラッグ画像を即座に表示したくないことです。マウスがコントロールの特定の境界にあるときに画像を表示したいです。ラベルの右半分に .

これまでのところ、これに対する解決策を見つけることができませんでした.VCLソースを変更しない限り、画像は即座に表示されます. VCL ドラッグ アンド ドロップ ユーティリティを放棄し、マウスをキャプチャするカスタム ユーティリティをロールする前に、この時点で目的の動作を取得するためのトリックに感謝します。

ラベルのドラッグ画像を有効にする疑似コードの例を次に示します。

connectToSortable オプションを使用してソート可能に接続されているドラッグ リストにアイテムのプールがあります。ここで、この並べ替えリストからいくつかの項目を削除し、それらをドラッグ リストに戻したいと考えています。取り消しのようなものです。ユーザーが 5 つの項目を並べ替えリストに移動し、4 つの項目だけが必要であると判断し、不要な項目を並べ替えリストからドラッグ リストにドラッグすることにしたとします。ソートリストに「削除」リンクを追加せずにこれを達成するにはどうすればよいですか。どうもありがとう。詳細については、http://the-stickman.com/web-development/javascript/jquery-dropping-items-from-a-draggable-list-to-a-sortable-list/を参照してください。

jQuery sortable() プラグインの実装に成功しましたが、ソート インジケーターで拡張したいと考えています。これは、ドラッグ可能アイテムをドロップできるアイテム間の垂直バーになります。例については、下の画像を参照してください。これは sortable() プラグインで簡単に実現できますか?

代替テキスト http://www.host2000.be/_temp/sortable.jpg