文章/答案/技术大牛

发布

问显示加载图像的javascript
EN

Stack Overflow用户

提问于 2016-11-21 17:23:00

回答 1查看 165关注 0票数 0

我试图显示一个“加载图像”，而在background.Following代码中正在进行的一些处理是不是隐藏了“加载图像”，一旦页面是loaded.Is，这段代码中有什么问题吗？

#!/usr/bin/python
# Create instance of FieldStorage
import cgi
import subprocess
import re
import sys
import os
print "Content-type:text/html\r\n\r\n"
print
print "<html>"
print "<head>"
print "<title>Hello - Second CGI Program</title>"
print "</head>"
print '''
<style>
#loading{
width: 50%;
height: 50%;
top: 0;
left: 0;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}

#loading-image {
position: absolute;
top: 50px;
left: 140px;
z-index: 100;
}
</style>
<body>
<div id="loading">
<img id="loading-image" src='../images/loader.gif' alt='Loading...' />
</div>'''

form = cgi.FieldStorage(){
    # Get data from fields
    left: 140px;
    z-index: 100;
}
</style>

<body>
<div id="loading">
  <img id="loading-image" src='../images/loader.gif' alt='Loading...' />
</div>'''

form = cgi.FieldStorage()
# Get data from fields
#caseid=form.getvalue('case',default=None)
#filename=form.getvalue('filename',default=None)
caseid='CASE1'
filename='READ.txt'
pathtofile='/var/www/py_files/'+caseid+'/'+filename
#print('PATH TO FILE'+pathtofile)
destpath='/var/PacketPro/'+caseid+'/'+filename
#print('DEST PATH'+destpath)
#result=filetransfer(pathtofile,destpath)
#print('Result'+str(result))
#sys.exit(0)
#print output
print '''

<h2>Hello  </h2>
<script language="javascript" type="text/javascript">
$(window).load(function() {
  $('#loading').hide();
  });
</script>
</body>
</html>'''

python

cgi

javascript

回答 1

Stack Overflow用户

发布于 2016-11-21 21:28:15

如果您将

$('#loading').hide();

使用

$('#loading').css("display","none");

然后，标记的显示样式应该设置为none，这将隐藏它。

如果您希望在任何时候将样式恢复为正常，则使用

$('#loading').css("display","block");

抱歉，如果在jQuery中有更好的方法，我必须承认我没有用过它，所以我不太熟悉它

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40716630

复制

相似问题

问显示加载图像的javascript
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问显示加载图像的javascriptEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问显示加载图像的javascript
EN