我有一个元素，它有一个 CSS 边框，问题是元素是空的，直到内容被 jQuery 填充，但边框从一开始就是由 CSS 绘制的。我希望能够做类似的事情 隐藏元素可见性，直到它准备好显示 然后一次性显示元素和边框。
有什么方法可以实现吗？
编辑：显示内容的代码包含在里面
$(window).load(function() {
}
【问题讨论】：
您可以尝试的一种方法是将元素的 CSS 设置为 display:none;。这会隐藏元素，调用以下函数会导致元素在 DOM 加载时显示。
$(document).ready(function () {
// Put all of jQuery code in here
$("element").show(); // substitute element for whatever is needed
});
不过我不建议使用这种方法，因为一旦jQuery执行就会出现内容的突然跳转，因为display:none;表示页面上不会有元素的踪迹
我认为最好的方法是使用visibility:hidden。这将导致元素通常仍然出现的空间，但将有空白代替元素。这样，当页面加载时，内容不会突然跳转。如果使用这种方法，则需要使用.css()方法，因为.show()本质上是将元素的CSS设置为display:block;所以代码会是这样的
$(document).ready(function () {
// Put all of jQuery code in here
$("element").css("visibility", "visible") // substitute element for whatever is needed
});
对于这两种方法，CSS 都会隐藏元素，并且该函数会等待整个 DOM 加载完毕后再执行。
【讨论】：
style='display:none' 而不是 CSS 可见性。
document.ready 块中添加您想要的任何代码
您可以使用 jQuery addClass 添加获取边框的样式，或者使用 removeClass 删除隐藏的类 display:none;
要回答你的标题问题，你要找的是document.ready！
【讨论】：
最初隐藏您的项目。
$(function(){
$('selector').hide(); // Or you can just have display:none
});
在其他部分中，某些事件会在您的 div 中填充一些内容
....
....//some code that fills in your content
...
$('selector').show();
....
....
【讨论】：
Ready on 元素将起作用：
$(document.getElementsByTagName('div')[0]).ready(function() {
// do stuff when div is ready
【讨论】：
你可以使用
$(function(){
// your code here
});
所以上面的内容会在 DOM 加载时执行。现在您需要做的就是显示在 css 中设置了 visibility:hidden 的元素。
【讨论】：
试试这个：
$('#element').bind("DOMSubtreeModified", function () {
//do stuff
});
【讨论】：
你试过.css()吗？您可以更改元素的 css。
阅读更多here。
最初，将其设置为隐藏，然后将其删除。
【讨论】：