文件准備好之前是否隱藏元素？

Question

我有一個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。

我該怎么做才能防止這種情況？

謝謝

Answer 1

默認情況下，您可能需要隱藏元素，然后使用按鈕切換可見性。 嘗試這個：

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

Answer 2

首先將元素隱藏在html中。

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

Answer 3

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

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

在javascript中。