jQuery UI拖放鼠標位置問題

Question

我正在開發一個站點，您可以使用jQuery UI將不同的「模塊」（帶有信息的正方形）從一個位置移動到另一個位置。

我的問題是，當我將一個模塊拖放到可放置區域時，腳本識別的位置是模塊的中間位置，而不是鼠標位置。

我不知道是否有可行的解決辦法，但我可以找出。

我做了這個小提琴：http://jsfiddle.net/nicosunshine/vMpNA/3/顯示問題。

先謝謝您！

Answer 1

只需設置可投放到指針的耐受性，即

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/

Documentation