.show（）不能在页面加载中工作

2018-06-29 22:43:01

我一直试图让jQuery为我的页面加载动画。我已经证明，jQuery工作正常，因为它适用于.hide（）;

这是我的JSFiddle

这是我的JavaScript文件

$(document).ready(function(){
  $(".intro").show();
});

使用

display: none;

代替

visibility: hidden;

在你的CSS中.intro类。

这是工作小提琴。

在你的CSS中，你正在设置visibility: hidden; 。将其更改为display:none 。

因为.show()基本上在做display:block 。

要么

改变这样的代码$(".intro").css("visibility","visible")

小提琴

这是因为你有这个CSS：

.intro {
    visibility: hidden;
}

要解决此问题，请将您的CSS更改为：

.intro {
    display: none;
}

要么

更改JS：

$(document).ready(function(){
    $(".intro").css('visibility', 'visible');
});

jQuery .show（）方法设置要display: block;的元素的样式display: block; 但忽略了visibility风格。 .hide（）方法实质上增加了display: none; 到一个元素。

这是一个很好的相关问题。

链接地址: http://www.djcxy.com/p/83565.html