jQuery UIドラッグアンドドロップマウスの位置の問題

私は、jQueryのUIを使ってページ内の別の「モジュール」(情報付きの四角形)をある場所から別の場所に移動できるサイトを開発しています。

私の問題は、1つのモジュールをドロップ可能なゾーンにドラッグすると、スクリプトによって認識される場所がモジュールの中央であり、マウスの位置ではないということです。

これを回避する方法があるのか​​どうかは分かりませんが、まだ分かります。

私はこのフィドルを作った: http://jsfiddle.net/nicosunshine/vMpNA/3/ 問題を示しています。

前もって感謝します!。

4

1 答え

dropableの許容値をポインタに設定するだけです。

jQuery("#dropHere").droppable({
 drop: function(){
        console.log("dropped!");
    },
    over: function (event, ui) {
        jQuery(this).addClass("over");
    },
    out: function (event, ui) {
        jQuery(this).removeClass("over");
    },
    tolerance: 'pointer'
});

http://jsfiddle.net/vMpNA/4/

ドキュメント

6
追加された
どうも私はそれを逃したのか分かりません。
追加された 著者 NicoSantangelo,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript