如何在呈现jQuery之前隐藏元素？ [英] How to hide elements with jQuery before they get rendered?

问题描述

我想要生成具有可以有条件地显示/隐藏的区域（div，跨度）的html布局。这些区域默认是隐藏的。

如果我在document.ready中使用jquery调用.hide（）方法，这些区域可能会闪烁（浏览器渲染部分加载的文档）。所以我在HTML布局中应用了display：none风格。

我想知道避免闪烁的最佳做法是什么，因为应用display：none我知道jquery隐藏/显示和使用它的功能。如果jQuery的隐藏/显示实现将有所改变，我会让整个网站无法工作。

预先感谢您 解决方案

一个元素的初始显示属性，特别是如果你将它封装在一个css类中。

I want to generate html layout with areas (divs, spans) that can be shown/hidden conditionally. These areas are hidden by default.

If I call .hide() method with jquery on document.ready these areas may blink (browsers render partially loaded documents). So I apply "display: none" style in html layout.

I wonder what is the best practice to avoid blinking, because applying "display:none" breaks incapsulation rule - I know what jquery does with hide/show and use it. If jquery's hiding/showing implementation will change one day, I'll get the whole site unworkable.

Thank you in advance

解决方案

There's absolutely nothing wrong with setting an intial display property of an element, especially if you encapsulate it in a css class.

这篇关于如何在呈现jQuery之前隐藏元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！