javascript - 进行 DOM 回流/刷新

Question

我是 JavaScript 和 D3 新手，我正在尝试修改 DOM 元素的某些属性，然后进行页面重排/刷新，以便我可以看到这些更新的更改。诀窍是，我需要这种情况自动发生，而不需要任何类型的 onclickevent 或按钮单击或鼠标移动或任何其他操作。

我已经尝试了在互联网上找到的所有方法，但没有任何效果，但奇怪的是，如果我在更改元素属性的行之前调用alert()，当我单击“确定”时，该元素会将其自身重新定位在屏幕。我需要这种情况发生，而不必调用alert()并单击“确定”。

这是有问题的代码:

alert("HI")
$("#g1").attr("transform", "translate(0,10)");

如果我删除警报线，我的元素就永远不会移动。如果我将其留在那里，然后单击“确定”，那么一旦我这样做，我的元素就会重新定位自己。

感谢您的帮助!!!!

Answer 1

您需要像这样包装代码:

$(document).ready( function() {
    $("#g1").attr("transform", "translate(0,10)");
});

为了确保在尝试执行代码之前加载 DOM。

您的警报是在继续执行代码之前获取页面加载时间，这就是为什么该行似乎“解决”了问题。