2017-11-12 4 views
0

python CGIでjQueryでfadeInエフェクトを使用しようとしています。JQueryを使用したPython CGI fadeIn/fadeOutの効果

しかし、何らかの理由で動作していません。

私の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を持つ第三H2:パッド。フェードインとフェードアウトに

これは私が使用しているものです

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

これは、フェードインやフェードアウトしません。

多くの感謝!

答えて

1

スクリプトが#padの上に配置されているので、それは#pad負荷の前に実行されています。 <body>の最後にスクリプトを置くか$(document).ready()でラップのいずれか:D:

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

それは感謝を働きました –

関連する問題