进行DOM重排/刷新

Question

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

我已经尝试了我在互联网上找到的所有内容并没有任何效果，但奇怪的是，如果我在更改元素属性的行之前调用alert（），当我单击okay时，元素会自行重新定位屏幕。我需要这样做而不必调用警报（）并单击“确定”。

以下是相关代码：

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

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

感谢您的帮助!!!!

Answer 1

你需要像这样包装你的代码：

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

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

您的提醒是在继续使用代码之前加载页面时间，这就是为什么该行似乎＆＃34;修复＆＃34;问题。