获取可拖动对象的位置，相对于一个div

Question

这里是jsFiddle，我有一个足球场，用户应该在两个五人队中划分10名球员。我想知道他是把球员拖到左边还是晚上（假设球场的中线是边界）。

这里的js代码：

$(".dragNdrop").draggable({ 
    drag: function(){ 
    var offset = $(this).offset(); 
    var xPos = offset.left; 
    var yPos = offset.top; 
     console.log('x: ' + xPos); 
     console.log($('#footballField').width()); 
    } 
}); 

我也试图与position()和offset()，但我似乎无法找到正确的公式来做到这一点。

那么，我将如何查找球员是位于div的左侧还是右侧？

相关问题：How to get the position of a draggable object

Answer 1

如果$（ '＃footballField'）宽（）是场的宽度，你可以检查dragNdrop元素的XPOS小于或高于。在footballField左+他宽度除以2：

$(".dragNdrop").draggable({ 
    drag: function(){ 
     var offset = $(this).offset(); 
     var xPos = offset.left; 
     var yPos = offset.top; 
     console.log('x: ' + xPos); 
     //console.log('y: ' + yPos); 
     console.log('offset: ' + $('#footballField').offset().left); 
     var fieldLeft = $('#footballField').offset().left; 
     console.log($('#footballField').width()); 
     if(xPos < fieldLeft + $('#footballField').width()/2){ 
      console.log('I am at left'); 
     }else{ 
      console.log('I am at right'); 
     } 

    } 
});