Question

我想在单个脚本中对单个元素进行一些css更改，但我会立即显示所有更改。例如：

$("#someelement").css({width:"100%"}); //this change should not be displayed
$("#someelement").width($("#someelement").width()-$("#somelement #child").width());
//in this case i have a problem to count #child's width if it depends on #someelement's width

在这个场景中，我只能通过将元素的最大宽度设置为100％来计算元素的最大宽度。但我不认为该更改对用户可见，我只需要$("#someelement").width($("#someelement")-$("#somelement #child").width());即可应用。有没有办法暂时锁定和解锁用户界面？

据我所知，只要盒子模型发生变化，浏览器就会呈现，现在问题是，我如何防止这种情况并在浏览器刷新之前进行更多更改？

Answer 1

试试这个

//$("#someelement").css({width:"100%"}); // youre not gonna need this
$("#someelement").width($("#someelement").parent().width() - $("#somelement #child").width());

Javascript锁定css更改显示

1 个答案: