Python CGI 使用 JQuery fadeIn/fadeOut 效果

Question

我正在尝试在我的 python cgi 代码中使用 jQuery 的淡入效果。

但由于某种原因它无法正常工作。

我的python cgi代码：

#!/usr/bin/python

# Import modules for CGI handling 
import cgi, cgitb 

# Create instance of FieldStorage 
form = cgi.FieldStorage() 

# Get data from fields
full_name = form.getvalue('fullname1')
address  = form.getvalue('address1')
phone  = form.getvalue('phone1')

print "Content-type:text/html\r\n\r\n"
print "<html>"
print "<head>"
print "<title>Python</title>"
print """
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$('#pad').hide().fadeIn(800).delay(3000).fadeOut(800);
</script>
"""
print "</head>"
print "<body id='two'>"
print "<h2>Full Name: %s</h2>" % (full_name)
print "<h2>Address %s</h2>" % (address)
print "<h2 id='pad'>Phone #: %s</h2>" % (phone)
print "</body>"
print "</html>"

我正在尝试淡入 ID 为 pad 的第三个 h2。

这就是我用来淡入和淡出的东西

$('#pad').hide().fadeIn(800).delay(3000).fadeOut(800);

它既不淡入也不淡出。

非常感谢！

Answer 1

由于您的脚本位于 #pad 之上，因此它在 #pad 加载之前执行。要么将脚本放在 <body> 的末尾，要么将其包装在 $(document).ready():

中

$(document).ready(function() {
    $('#pad').hide().fadeIn(800).delay(3000).fadeOut(800); 
});

Python CGI 使用 JQuery fadeIn/fadeOut 效果

Python CGI using JQuery fadeIn/fadeOut effect

javascript

python

jquery

fadeout

fadein