在文档准备好时调用hide()时闪烁
当文档准备好在具有display:block
的特定
上时,我调用hide()函数
display:block
和visibility:visible
默认情况下visibility:visible
(我们默认显示它,我们尝试用jQuery隐藏它)。
有时当我刷新页面时,
在几分之一秒内出现,然后根据
hide()
函数消失。
我的问题:有没有办法避免这个
闪烁?
谢谢
这是渲染元素和执行JS代码之间的时间。 避免这种情况的方法不是将代码放在DOM-ready事件中,而是放在元素之后:
...
其他任何这样的注册事件处理程序当然仍然可以进入你的DOM就绪函数。
哦,你根本不需要使用visibility
- show()
和hide()
只会使用display
属性。
如果您要隐藏的元素是“请启用JavaScript”警告,请考虑使用 - 然后它将永远不会显示,除非JS被禁用。
是的,默认可见性:隐藏,以及show()您想要的。 或者,在使用$(”’)加载html后立即调用hide()。隐藏()紧跟在相关的html之后。
‘winkling’发生是因为一旦html命中浏览器就会加载块,但是在浏览器加载了所有html并且DOM准备就绪之后才会执行隐藏它的jquery。