javascript - 避免使用 javascript-jquery 代码显示级联 div

Question

如果在客户端浏览器上启用了 javascrit 和 cookie，我的页面会进行简单验证。 如果是，脚本将显示 div id="conteudo"(页面内容)并隐藏 div id="aviso"(一种启用功能或重新安装浏览器以便继续的警告)。 如果不是，脚本保持 div id="aviso"可见并隐藏 div id="conteudo"。

在我的离线元素中一切正常，但在服务器上该页面似乎加载有点慢，当某些脚本条件发生时(javascript 或 cookie 禁用)我可以看到 div id="aviso"的一小部分在消失之前的第二个。 这不是我计划的好经历。任何人都知道如何在我的代码中解决这个问题？谢谢。

var JS_Habilitado = false;
var C_Habilitado = false;

$(document).ready(function()
{
  //Teste do JavaScript (se entrou aqui, está habilitado).
  JS_Habilitado = true;
  //Teste dos cookies.
  var TEST_COOKIE = 'test_cookie';
  $.cookie(TEST_COOKIE, true);
  if ($.cookie(TEST_COOKIE))
  {
    $.cookie(TEST_COOKIE, null); //deletar o cookie.
    C_Habilitado = true;
  }
  //Avaliação final.
  if (JS_Habilitado&&C_Habilitado)
  {
    $("#aviso").hide();
    $("#conteudo").show();
  }
  else
  {
    $("#aviso").show(); 
    $("#conteudo").hide();
  }
});

Answer 1

在包含 JQuery 之后隐藏你的元素:

 $(document).ready(function(){
     $("#aviso").hide(); 
     $("#conteudo").hide();
 });

或者在 css 中:

#aviso,#conteudo{display:none}