jquery - 显示 div 的 x,y 并在 div 移动时更新值

Question

我有一个 div 在循环中移动（使用 jquery）。我能够将 x,y 位置写入页面；但是，只有初始值被写入页面。有没有办法在 div 移动时更新值？

var sun = $j(".sun");
var position = sun.position();
$j(".sun").circulate({
  speed: 3600,
  width: Wwidth,
  height: Wwidth,
  loop: true,
  zIndexValues: [1000, 1000, 1000, 1000]
});
console.log('x: ' + position.left + ' y: ' + position.top);

Answer 1

要么你修改你正在使用的循环插件，所以它每次改变太阳的位置时都会进行回调。或者您可以将阅读部分放在 setInterval 语句中：

setInterval(function (){
   var sun = $j(".sun");
   var position = sun.position();
   console.log('x: ' + position.left + ' y: ' + position.top);
},1000); // This code will be runned each 1000 ms, so you can modify it..