問題タブ [jquery-draggable]

Draggable、Resizable、Float、および Aloha Editor で使用できる Ext.Component を作成しようとしています。

現在、私は試しました：

これはドラッグ可能ではありませんが、編集は機能します。

これにより、サイズを変更してドラッグすることができますが、うまく機能せず、編集できません。

ここでも編集はできますが、ドラッグはできません。

サイズ変更またはドラッグ イベントのハンドルがオンになった瞬間に、アロハ エディターが動作を停止するように見えますが、ハンドルがない場合、ドラッグおよびサイズ変更は動作を停止します。アドバイスはありますか、または以前にこれに遭遇した人はいますか?

画像を並べ替えてゴミ箱にドロップして削除できるフォト オーガナイザーを作成したいと考えています。私の問題は、画像のドラッグを開始すると、カーソルの下ではなく、左に約 500 ピクセルになることです。私の現在のコード - http://jsfiddle.net/D4xQh/。

ドラッグ可能な部分を削除しようとしましたが、これにより画像がゴミ箱に送られ、元の場所に戻ってからフェードアウトします。これにより、非常に不安に見え、プロフェッショナルにも見えません。これはドラッグ可能なオプションなしです - http://jsfiddle.net/D4xQh/1/

JSFiddle の灰色のボックスは「ゴミ箱」ボックスです

バインディングを使用してノックアウト監視可能な配列にバインドされたコンテナー div にいくつかの div がありforeachます。それはうまく機能しています。

ノックアウト afterAdd イベントでは、jQuery を使用して (新しく作成された) div のクリック イベントのリスナーを作成します。

div をクリックすると削除されます。div がビューから消えます。それはうまく機能しています。

各 div もドラッグ可能にします。

ドラッグアンドドロップは正常に機能しています。

ただし、 divを droppable にドラッグ アンド ドロップした後にdiv をクリックしても、消えません。ドロップ可能なものにしがみついている、またはドロップ可能なものにしがみついています。div を忘却に送るには、div を 2 回クリックする必要があります。

この動作を回避するためにできることはありますか?

jquery のドラッグ可能な衝突プラグインを使用しています。このプラグインは、ページの読み込み時に「Type Error i is undefined」というエラーをスローします。

これは私が使用するコードです。ここで何が問題なのかわかりません。

私はangularに非常に慣れていないので、理解不足を許してください。

「ドラッグ可能」と呼ばれるディレクティブがあり、コントローラーで x 位置を追跡してロジックを実行できるようにしたいと考えています。ユーザーが要素 (棒人間) を右にドラッグすると、追加の棒人間がそのすぐ後ろに表示されます。コントローラーは x 位置を認識し、その位置に基づいて、ドラッグ可能な要素の背後に表示される棒線画の数を決定するカウンターをインクリメントする必要があります。

コントローラーが x の値を受信して​​いないため、このコードは現在機能しません。

私の指示:

私のコントローラー：

私のHTML：

私はJQuery v2.0.0を使用しています

ボックスを大きなヘッダー ボックス (JQuery Sortable) にドラッグ アンド ドロップすると、問題なく動作します。しかし、JQuery Sortable ボックスにドロップされたボックスをクリックすると、1 回目の試行では起動 (または動作) しませんが、2 回目の試行では動作します。

なぜそれが起こるのか、誰かが光を当てることができますか? この場合、青いバーの背景色の問題が違いを生んでいると思いますが、間違っている可能性があります。

ありがとう。

キーを押すと、現在のjQueryUIのサイズ変更可能およびドラッグ可能な相互作用をキャンセルすることは可能ですか?