問題タブ [jquery-draggable]

HTMLページにドラッグ/ドロップを実装しようとしていますが、うまくいくようです。私が目にする唯一の問題は、ドラッグ可能なテキストのドラッグを開始すると、カーソルとドラッグされているテキストの間に垂直方向のオフセットがあることです (下の図に示されています)。このオフセットを補正する方法はありますか?

PS: これはより大きなプロジェクトの一部であるため、ここにコードを貼り付けることができません。

こんにちは、以下は私のコード スニペットです。私がやろうとしているのは、img内で見つけてイベントをimage_div添付したいということです。draggable

上記のコードは次のエラーをスローします

AngularJS アプリでドロップ可能な単純な jQuery を実装する際に問題が発生しています。

何らかの理由で、コードは私が Fiddle に設定したスタンドアロン ページで動作しています: http://jsfiddle.net/65FMq/3/

ただし、何らかの理由で myApp に同じコードを追加すると機能しません。基本的に、アプリ (index.html) を起動するとすぐに、app.js、他のコントローラー、css などをすべて含むホームページが表示されます。

次に、メニュー項目の写真をクリックすると、「写真」の状態 (別の html ファイル) が表示されます。そこから、ユーザーは購入したい写真の 1 つを選択できます。購入ボタンをクリックすると、ng-click"buyPhoto(photos)" を使用して、利用可能な写真を示す div を非表示にし、その写真の詳細を含む div。

そこには、写真に関する情報とは別に、ユーザーが写真を注文できるすべての可能なサイズのグリッドも表示しています。ユーザーは、注文バー (ドロップ可能な領域) に希望のサイズをドラッグ アンド ドロップする必要があります。 ）。ただし、必要な jquery css/js ファイルが読み込まれ、写真のサムネイル (上記のフィドルのセル) がドラッグ可能に設定されていても、何らかの理由でドラッグ/ドロップ効果が得られません。

ここに私の app.js があります:

これが私のphotosCtrlです：

Photos 部分的な html ファイルの HTML (スニペット) (必要なセルと行を生成し、行にドラッグ可能なクラスが与えられていることを示すために角度の繰り返しが発生している場所が含まれています):

リピーターでドラッグ可能なjquery uiを使いたいです。したがって、ボタンをクリックすると、ドラッグ可能なものがIDで複製されるように機能します。これまでのところ、そのように行われていますが、問題はクローンのドラッグ可能なボックスが動かないことです。

ご覧ください...

リピーターでドラッグ可能なjQuery Ui

ドラッグ可能なボックスのクローンもドラッグ可能にすることができます。各ボックスの異なるIDを取得できます...

ドラッグとスクロールが有効になっている div があります。ドラッグを有効にする前に、div をドラッグ可能にすると、スクロールが適切に機能します。スクロール バーをクリックすると、スクロール イベントが終了せず、div がドラッグし続けるように見えます。IE ブラウザでのみ問題が発生します。