Question

所以我创建了一个带有DIV的数据表，我希望在页面加载时隐藏它。这是div：

<div class="user" id="userinfo_46"><b>Name: </b>benjy corpuz<br><b>Phone Number: </b>N/A<br><b>Alternate Phone Number: </b><br><b>Email: </b>N/A<br><b>Best Time To Reach: </b>anytime<br><b>Location: </b>new yrork, NY<br><b>Case Description: </b>confidential<br></div>

我试过这个：

$('.user').hide();

而且：

$(document).on("pageload", ".user",function(){
    $(this).hide();
});

但没有。不确定是否有其他方法可以将其隐藏在加载中，不能使用点击等。

以下是用户Hodrobond的Jfiddle，这很好地说明了问题：

https://jsfiddle.net/fcpambdm/

我得到的答案似乎并不理解该元素是动态的，所以它不能像常规元素一样隐藏。

Answer 1

您可以添加属性

style="display:none"

到您的div元素用户。

Answer 2

具有动态添加内容的工作解决方案（仅为演示目的添加了延迟）。另请注意，如果我们打算使用hide(0) explanation，我们需要使用delay：

$(function() {
  $('.user').append('<b>Name: </b>benjy corpuz<br><b>Phone Number: </b>N/A<br><b>Alternate Phone Number: </b><br><b>Email: </b>N/A<br><b>Best Time To Reach: </b>anytime<br><b>Location: </b>new yrork, NY<br><b>Case Description: </b>confidential<br>').delay(1000).hide(0);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="user" id="userinfo_46">
</div>

注意：$(document).ready(function(){})的简写为$(function(){})。等效的javascript是$(document).ready(function(){})

Answer 3

完全找到答案，比我们想象的更简单。

<div class="user" style="display:none" id="userinfo_46"><b>Name: </b>benjy corpuz
<br><b>Phone Number: </b>N/A
<br><b>Alternate Phone Number: </b>
<br><b>Email: </b>N/A
<br><b>Best Time To Reach: </b>anytime
<br><b>Location: </b>new yrork, NY
<br><b>Case Description: </b>confidential
<br>
</div>

刚刚将div添加了style =“display：none”，一旦数据表加载该列，它就会隐藏。容易：）

Answer 4

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script>
//Detects whether the DOM is ready..
$(document).ready(function(){
  //if ready, then run the ff lines..
  // ........
  //Hides the selected div container with class ".user"
   $(".user").hide();
});
</script>

<div class="user" id="userinfo_46"><b>Name: </b>benjy corpuz
  <br><b>Phone Number: </b>N/A
  <br><b>Alternate Phone Number: </b>
  <br><b>Email: </b>N/A
  <br><b>Best Time To Reach: </b>anytime
  <br><b>Location: </b>new yrork, NY
  <br><b>Case Description: </b>confidential
  <br>
</div>

在数据表中隐藏动态创建的DIV

4 个答案: