文檔準備好之前隱藏元素？

我有一個div，需要默認隱藏。然後它可以通過按鈕切換：文檔準備好之前隱藏元素？

<script type="text/javascript"> 
     function toggle() { 
      text = document.getElementById('add_view'); 
      var isHidden = text.style.display == 'none'; 
      text.style.display = isHidden ? 'block' : 'none'; 
     } 


     $(document).ready 
    (

       function() { 
        toggle(); 
        $("#add_view, #btnToggle").click(function (e) { 
         e.stopPropagation(); 
        }); 
        $(document).click(function() { 
         toggle(); 
        }); 
       } 
    ); 


</script>

它工作正常。唯一的問題是，當我刷新頁面時，我會在隱藏之前暫時看到div。

我能做些什麼來防止這種情況發生？

感謝

來源

2013-02-05 user2043533

如果您對任何問題感到滿意，請不要忘記標記其中一個答案是正確的 –

你可能需要隱藏默認情況下你的元素，然後使用該按鈕來切換可見。試試這個：

<div id="add_view" style="display:none">....</div>

來源

2013-02-05 19:05:23

成爲第一個回答問題並且比其他答案要點少的人相當令人沮喪 –

如果您說實話我upvote您。 –

感謝@RobertNiestroj，在這裏發生了很多次這樣的事情。如果兩個答案是一樣的，我只會贊成第一個答案，我認爲這樣很公平。你可以很容易地看到確切的答案時間，通過懸停的部分說：'回答了XX分鐘前' –

使元素隱藏在您的html中以開始。

<div id="add_view" style="display: none;"></div>

來源

2013-02-05 19:05:54 Stephen

最初，您必須通過設置div的style="display:none;"來隱藏它。一旦你想切換它，你必須使用它作爲

document.getElementById(Id).style.display="";

在JavaScript中。

來源

2013-03-14 09:20:17 user2168290

文檔準備好之前隱藏元素？

回答

相關問題