Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 隐藏元素,但为该位置显示为空_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 隐藏元素,但为该位置显示为空

Javascript 隐藏元素,但为该位置显示为空,javascript,jquery,css,html,Javascript,Jquery,Css,Html,有谁能解释一下我应该修改什么,在隐藏图像后,如何保持div为空白,没有内容,但宽度和高度与图像相同 确切示例: 所以躲起来之后,第二!先来!, 但我需要把它保留下来 第一 空白的 第二 Html Javascript showLoading(); function showLoading() { $("#loading").hide(); $("#loading").show().delay(2500).fadeOut('10'); } 不要使用显示:无,设置可见性:隐藏 di

有谁能解释一下我应该修改什么,在隐藏图像后,如何保持div为空白,没有内容,但宽度和高度与图像相同

确切示例:

所以躲起来之后,第二!先来!, 但我需要把它保留下来 第一 空白的 第二

Html

Javascript

showLoading();    
function showLoading() {
  $("#loading").hide();
  $("#loading").show().delay(2500).fadeOut('10');
}

不要使用
显示:无
,设置
可见性:隐藏

display:none
将其从DOM流中删除。将
可见性
更改为
隐藏
将使其保持在那里,但将模拟设置
不透明度
更改为0


这里有一个快速演示,可以保持您的
淡出状态

不要使用
显示:无
隐藏它,设置
可见性:隐藏

display:none
将其从DOM流中删除。将
可见性
更改为
隐藏
将使其保持在那里,但将模拟设置
不透明度
更改为0

这里有一个快速的演示,可以让你的
淡出

我会使用不透明度

showLoading();    
function showLoading() {
  $("#loading").fadeTo(0,0);
  $("#loading").fadeTo(0,1).delay(2500).fadeTo(10,0);
}
第一个
0
是持续时间,第二个是不透明度<代码>1用于显示,代码>0用于隐藏

然而,您的代码并没有真正意义。为什么你要隐藏它,然后立即显示它,然后等待2.5秒并隐藏它

我认为不需要初始隐藏(代码中
showLoading()
函数的第一行)

编辑:

或者,您可以使用
.css(“不透明度”,0)
代替
.fadeTo(0,0)
,这可能更有效。

我会使用不透明度

showLoading();    
function showLoading() {
  $("#loading").fadeTo(0,0);
  $("#loading").fadeTo(0,1).delay(2500).fadeTo(10,0);
}
第一个
0
是持续时间,第二个是不透明度<代码>1用于显示,代码>0用于隐藏

然而,您的代码并没有真正意义。为什么你要隐藏它,然后立即显示它,然后等待2.5秒并隐藏它

我认为不需要初始隐藏(代码中
showLoading()
函数的第一行)

编辑:


或者,您可以使用
.css(“不透明”,0)
代替
.fadeTo(0,0)
,它可能更有效。

它只是代码的一个示例,这就是为什么它没有意义。我将解释它需要什么,我有一个网页,它加载,以及一些函数是如何使用ajax的,所以在向服务器发送ajax查询时,页面显示加载图像(showloading()),并在一段时间后隐藏它,就是这样!如果启动了其他ajax查询,则会使用初始隐藏,因此确保加载的图像在已经显示的情况下被隐藏。非常感谢。这只是一个代码示例,这就是为什么它毫无意义。我将解释它需要什么,我有一个网页,它加载,以及一些函数是如何使用ajax的,所以在向服务器发送ajax查询时,页面显示加载图像(showloading()),并在一段时间后隐藏它,就是这样!如果启动了其他ajax查询,则会使用初始隐藏,因此确保加载的图像在已经显示的情况下被隐藏。非常感谢,谢谢!我在找那个!谢谢我在找那个!
showLoading();    
function showLoading() {
  $("#loading").fadeTo(0,0);
  $("#loading").fadeTo(0,1).delay(2500).fadeTo(10,0);
}