jquery - 在文档准备好之前运行 jquery

Question

我有以下脚本：

$(document).ready(function() {

$('*:lang(English)').hide();
$('*:lang(French)').hide();
});

我需要的是最初隐藏属性 lang="English" 或 lang="French" 的每个元素。

但现在当我加载我的网站时，它会出现故障。因为 html 在 $(document).ready 变得“就绪”之前开始呈现。因此，所有具有上述指定属性的元素都会在瞬间显示。

有没有办法*:lang(English)在文件准备好之前在每个文件上放置一个处理程序，这样我就不会再看到故障了？

Answer 1

您可能应该删除 jQuery 并使用 CSS 执行此操作：

*:lang(en), *:lang(fr) {
    display: none;
}

然后，如果您只想显示一种语言，例如，使用jQuery 来实现。

$(document).ready(function() {
    $('*:lang(fr)').show();
});