JQuery隐藏元素在页面加载期间可见

我正在解决的问题是，在页面加载期间，整个单元的内容都是可见的。在加载期间，我是否缺少一种隐藏此属性的技术？

我认为您可以将此属性添加到不希望显示的每个元素中：

style=“显示：无；”

如果您只是想让它不可见，但它的位置已被保留 您还可以使用以下选项：

style=“可见性：隐藏；”

---

如果不能这样做，您可以尝试使用jQuery以某种方式添加它。

最简单的方法是在css中添加'display:none'，然后在脚本中添加.show（）。

使用jQuery隐藏元素需要完全加载DOM元素，然后jQuery代码将迭代并隐藏目标元素

这将导致您正在谈论的问题，因此为了避免它，请将所需控件的

DISPLAY

属性初始设置为

none，然后在完成页面的全部加载后，根据需要使用它们

如果您试图隐藏它，则在加载之后，显示它，考虑使用“<代码>加载（））< /> >方法，如果您正在从解决方案中的服务或页面获取数据，也可以使用DOM元素的<代码> Read（）< /C> >方法。
两种方法的jQuery官方文档参考：

加载

ready

如果这对您有帮助，请告诉我。
添加以下css：

.counties-container{
    display:none;
}

#st-c .counties-container{
    display:block;
}

从map.js中删除折叠部分：

//this function hides each <div class="counties-container"> and is called onload and when the user selects a region

//ONLOAD - these several lines are used to help with graceful degradation (when the user doesn't have JavaScript enabled)
hideall(); //initiate the hideall function 
jQuery('#st-c').css("display","block");

//当用户选择一个区域时，此函数将隐藏每个区域，并称为onload和
//ONLOAD-这几行代码用于帮助进行优雅的降级（当用户没有启用JavaScript时）
希德尔（）//启动hideall功能
jQuery（'#st-c'）.css（“显示”、“块”）；

这应该可以解决问题
不幸的是，它没有工作-它只是隐藏了所有的文本和菜单内容。做了一个小的更正。只要不要删除
hideAll（）
函数，保留它，它就会按预期工作。