Question

大家好我有一个隐藏div的脚本，这些脚本就是这个

<script>
       $( document ).ready(function() { 
          $('#contenedor-no').hide();
           $('.caja-cobertura').hide();

          $('#shopi').on("click", function() {
            $('#contenedor-no').show(); 
            $('.escondido .caja1-orden').hide();
          });

          $('#cober').on("click", function() {
             //oculto mediante id
          });
        });

  </script>

当我加载我的页面时，firts显示所有div都隐藏并快速加载页面的其余部分如何解决这个问题，因为我的网页并不漂亮

Answer 1

在开始时，你的Div都是可见的，渲染就是这样。然后你编写的脚本正在做额外的隐藏元素的工作。

您最好的选择是默认隐藏这些div，并仅在需要时显示。您可以在标记中添加display：none。

这些方面的东西：

<div id="contenedor-no" style="display:none;">some content</div>

所以你的代码会变成这样：

<script>
       $( document ).ready(function() { 

          $('#shopi').on("click", function() {
            $('#contenedor-no').show(); 
            $('.escondido .caja1-orden').hide();
          });

          $('#cober').on("click", function() {
             //oculto mediante id
          });
        });

  </script>

您正在使用HIDE，因此在发生一些点击时隐藏元素。唯一的变化是我们删除了页面加载时div的隐藏。

加载页面时正确隐藏div

1 个答案: