我有一个情况。我正在使用 Windows(ASP.NET)的 Web 应用程序。当我的网页出现时,在页面加载时,它会动态生成 ImageButtons。我需要确定页面上每个 ImageButton 控件的 X、Y 或 TOP、LEFT 坐标,而无需单击任何 ImageButtons。我需要在单击一个 ImageButton 时在一些 ImageButtons 之间画一条线。
user1768031
问问题
681 次
1 回答
0
尝试使用一些 Javascript 代码或 jQuery。请在下面找到 jQuery 代码
在这里,我使用了position()方法,它为您提供元素的左侧和顶部位置。您可以根据需要更改选择器。
更新:假设您有类似 HTML<div id='images-container'> .. all images here </div>
并在下面使用each()方法更新的选择器
您也可以使用offset()
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$('#images-container img').each(funcion(){
var coordinates=$(this).position();
coordinates.left;// gives you x
coordinates.top;// gives you y
//save these values in some hidden field and access it in code behind if needed
});
});
</script>
请参阅这篇文章以获取更多信息DOM 对象的 jQuery xy 文档坐标
于 2012-11-19T09:30:21.637 回答