jQuery .hide不能足够快地隐藏元素

Question

当我使用.hide()和jQuery时，它不会足够快地隐藏元素。我可以看到它们全部加载并正在组织另一个也在运行的脚本。它看起来很尴尬。

有没有让.hide()在文档加载之前实际隐藏元素？我不想做显示：没有，因为这会伤害SEO。

Answer 1

jQuery在文档完成至少部分加载之前无法执行任何操作 - 这就是ready（）函数的工作方式。但是，您可以使用在jQuery ready函数之前执行的纯JavaScript来隐藏要隐藏的元素。搜索引擎通常会忽略JavaScript，因此您会安全。

因为我们正在讨论JavaScript ...是你隐藏的“东西”是由脚本加载还是静态的（在加载文档的上下文中）？如果内容是由Ajax加载的，我不确定搜索引擎是否会看到它，在这种情况下你可能只想用CSS隐藏它并完成它。

Answer 2

您何时调用hide()方法？在准备文件？也许在插入元素的html后直接添加对hide()方法的调用？

类似的东西：

 <div id="element">your element</div>
<script type="text/javascript"> $("#element").hide(); </script>