在頁面加載期間可見JQuery隱藏元素

Question

我正在處理this interactive map我遇到的問題是整個單元的內容在頁面加載過程中可見。有沒有一種技術可以在加載時隱藏這個技術？

Answer 1

添加下面的CSS：

.counties-container{ 
    display:none; 
} 

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

刪除foloowing從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"); 

這應該解決的問題

Answer 2

我想你可以只添加這個屬性給你不想得到顯示的每個元素：

風格=「顯示：無;」

如果你只是想，這是不可見的，但對於它的位置已經預留 你也可以使用這樣的：

風格=「visibility：hidden的;」

如果這是不可能做到這一點這種方式，你可以嘗試使用jQuery莫名其妙地添加此。

Answer 3

最簡單的做法是在你的CSS中添加'display：none'，然後在你的腳本中添加.show（）。

Answer 4

用jQuery隱藏你的元素需要DOM元素被完全加載，然後你的jQuery代碼會迭代和隱藏目標元素。

這會導致您正在討論的問題，因此爲了避免這種情況，請將您所需控件的DISPLAY屬性設置爲none;，然後在滿載頁面完成後隨意播放它們。

如果您試圖隱藏它，那麼在它加載後顯示它，如果您從解決方案中的服務或頁面獲取數據，請考慮使用load()方法，或者也可以使用ready()你的DOM元素的方法。從jQuery的正式文件

參考兩種方法：

Loadhttp://api.jquery.com/load/

readyhttp://api.jquery.com/ready/

讓我知道，如果這有助於你。