进行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。

您的警报会导致在继续执行代码之前加载页面时间，因此这行似乎可以“解决”问题。