在页面加载时将div设为显示块

Question

我试图在页面加载时使div显示，最初它是不可见的

这是我想要做的，在css中我将显示设置为none，但是当页面加载时我尝试使用类使div可见，但div仍然是隐藏的。我怎么能显示div使用类。

 <div id='list' class='listclass'></div>

的CSS：

 #list
 {
   display: none;
 }

准备好文件：

$('.listclass').css('display', 'block');

Answer 1

尝试以下方法：

jQuery(document).ready(function($) {
    $('.listclass').show();
});

可能是你在noConflict模式下使用jQuery，所以上面的例子将解决这个问题。

您的控制台中是否显示任何错误？你也可以确认你没有误认为没有内容的div显示（因此即使它在那里也没有看见）div实际上被隐藏了吗？

Answer 2

您的代码在小提琴中正常工作：See

你可以尝试

 $(document).ready(function () {
      $('div.listclass').css('display', 'block');
 });

Working Example

OR

 $(document).ready(function () {
      $('#list').css('display', 'block');
 });

Working Example

Answer 3

在其中创建一个jQuery文件：

$(document).ready(function() {
    $('.listclass').fadeIn();
});

div的标准display属性已经block，所以当你淡入时，你不必给它。

Answer 4

您的错误在于您在DOM准备好之前应用JS。

如果您将代码放在$(document).ready(function(){ //CODE HERE });中，它应该有用。

编辑：

道歉，我错过了它说已经在document.ready中的部分。 你确定没有其他JS错误阻止JS的进一步执行吗？

Answer 5

可以尝试使用id（list）而不是jquery中的类（listclass）将显示设置为block，因为你使用id将其设置为display = none

$(document).ready(function(e) {
   $('#list').css('display','block');
}); 

与@Ishan Jain第二个例子相同