Question

我有一个div，其显示为＆＃34; none＆＃34;在css中：display:none;。即使在页面加载后它也应该保持隐藏状态，但是当页面加载时，它会像闪存一样显示一秒钟，然后再次隐藏。

有没有办法，使用JQuery，我可以覆盖它以在整个操作期间保持隐藏状态？

 <div class="col-xs-12 col-sm-12 col-md-7 col-lg-7" >
      <div id="documentStatus_div">...</div>
</div>

Answer 1

这段代码对你很有用......

CSS代码：

<style>
    .display_none {
        display: none;
    }
</style>

HTML代码：

<div id="dispnone" class="display_none">123</div>

JQuery代码：

$("#dispnone").removeClass("display_none");

setTimeout(
     "$('#dispnone').addClass('display_none');",
2000);

Answer 2

首先，请务必在<head>标记之间添加css链接。

请清除缓存并再次测试。如果你的css文件太大，你可以设置内联样式来隐藏这个div。

如果你想用jquery隐藏，可以像$("#documentStatus_div").prop("disabled")一样禁用。

Answer 3

尝试将两种格式的样式设置为display：none： -

<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7" style="display:none">
      <div id="documentStatus_div" style="display:none>...</div>
</div>

Answer 4

你在找这样的吗？因为这是我的理解。如果没有，请告诉我。

＆＃13;

function showDiv(){
	$('.div-flash').slideToggle(300)
  $('.div-flash').delay(500).slideToggle(500);
};

showDiv();

＆＃13;

body{
  background: #000;
  color: #fff;
}
.div-flash{
  display: none;
  background: #fff;
  color: #000;
  border-radius: 10px;
  width: 100px;
  padding: 25px;
  margin: 50px auto;
  height: 100px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div>
  This is all doc
</div>

<div class="div-flash">
  This will show and hide
</div>

＆＃13;

Answer 5

可能的原因是您的CSS文件需要时间来加载。

方法1：使用内联样式

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

方法2：检查<head>部分

中的CSS链接

Answer 6

<div class="col-xs-12 col-sm-12 col-md-7 col-lg-7" style="display:none;">
      <div id="documentStatus_div">...</div>
</div>

如何在页面加载时隐藏div

6 个答案: