Jquery 获取移动div的活动位置？

我想知道是否有办法使用

.position（）

或

.offset（）

获取div的活动位置

这是我的js代码

var div = $('.btn').position();

$( ".live-position" ).text( "left: " + div.left + ", top: " + div.top ); // Get position of $('.btn)

但这只适用于重载，当我使用jquery移动div时，协调不会改变

试试这个：

setInterval(function() {
  var div = $('.btn').position();

   $( ".live-position" ).text( "left: " + div.left + ", top: " + div.top );
}, 1000);

每1秒检查一次div位置

尝试以下操作：

setInterval(function() {
  var div = $('.btn').position();

   $( ".live-position" ).text( "left: " + div.left + ", top: " + div.top );
}, 1000);

---

每隔1秒检查一次div位置，它确实起作用。代码的问题是，您只在初始化时设置位置。您可以使用setInterval每隔几毫秒更新一次位置

$('.btn').animate({ 'margin-left':'200px', 'margin-top':'70px'}, 3000)

setInterval(function(){
var div = $('.btn').offset();
$( ".live-position" ).text( "left: " + div.left + ", top: " + div.top );
}, 100);

---

顺便说一下，我把位置改为偏移，因为我想这就是你想要的。

它确实有效。代码的问题是，您只在初始化时设置位置。您可以使用setInterval每隔几毫秒更新一次位置

$('.btn').animate({ 'margin-left':'200px', 'margin-top':'70px'}, 3000)

setInterval(function(){
var div = $('.btn').offset();
$( ".live-position" ).text( "left: " + div.left + ", top: " + div.top );
}, 100);

---

顺便说一句，我把位置改成了偏移量，因为我想这就是你想要的。

使用

setInterval

你可以实现。阅读更多

下面是一个例子

setInterval（函数（）{
var div=$（'.btn'）.position（）；
$（“.live position”）.text（“左：“+div.left+”，顶部：“+div.top”）；
}, 100);
$（'.btn'）。设置动画({
“左边距”：“200px”，
“页边距顶部”：“70px”
}，3000）

.btn{
字体大小：粗体；
字号：5em；
}
.现场位置{
边框：1px纯黑；
边缘：1米；
填充：10px；
显示：内联块；
}

文本

使用

setInterval

可以实现这一点。阅读更多

下面是一个例子

setInterval（函数（）{
var div=$（'.btn'）.position（）；
$（“.live position”）.text（“左：“+div.left+”，顶部：“+div.top”）；
}, 100);
$（'.btn'）。设置动画({
“左边距”：“200px”，
“页边距顶部”：“70px”
}，3000）

.btn{
字体大小：粗体；
字号：5em；
}
.现场位置{
边框：1px纯黑；
边缘：1米；
填充：10px；
显示：内联块；
}

文本

您可以在

setInterval（）

中找到位置。谢谢您的回答，您能告诉我该如何做吗？我还是jquery/js新手。你可以在

setInterval（）

中找到位置。谢谢你的回答，你能告诉我该怎么做吗？我对jquery/js还是新手