2014-11-22 81 views
0

我想找出一个ID为23的div的坐标,当点击一个按钮时,该按钮被称为arrowR。问题是它一直返回鼠标在按钮上的坐标。点击按钮时,有没有办法获得页面内div的坐标?我现在用的脚本如下:如何获取按钮点击div的坐标

$('#arrowR').click(function(e) 
{ 

    var offset_l = $(this).offset().left - $('#23').scrollLeft(); 

    var left = Math.round((e.clientX - offset_l)); 



if (left != 62) { 
    alert("Left: " + left); 
    } else { 
    alert("works"); 
    } 


}); 
+0

可能的重复http://stackoverflow.com/questions/683339/how-do-i-find-the-absolute-position-of-an-element-using-jquery – piers 2014-11-22 18:34:10

+0

已经尝试过,但它是返回NaN ? – 2014-11-22 18:45:10

+0

什么div的坐标?你还没有提供任何HTML。我们不知道你的目标是在这里 – charlietfl 2014-11-22 19:07:23

回答

1

采取你所得到的按钮的偏移,你要偏移的div:

FIDDLE

$('#arrowR').click(function (e) { 
    var coords = $('#23').offset(); // <-- This. 
    $('#coords-left').val(coords.left); 
    $('#coords-top').val(coords.top); 
}); 

我已经在坐标处绝对定位了一个元素,所以你可以在小提琴中看到它的匹配。