2017-11-12 22 views
0

파이썬 cgi 코드에서 jQuery와 함께 fadeIn 효과를 사용하려고합니다.JQuery를 사용하는 파이썬 CGI fadeIn/fadeOut 효과

하지만 어떤 이유로 작동하지 않습니다.

내 파이썬 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>" 

내가 노력하고있어 fadeIn에 그 ID로 세 번째 H2 : 패드.

이 내가 fadeIn 및 페이드 아웃

에 사용하고 무엇
$('#pad').hide().fadeIn(800).delay(3000).fadeOut(800); 

이 페이드 인이나 페이드 아웃하지 않습니다.

감사합니다.

답변

1

스크립트가 #pad 위에 있으므로이 스크립트는 #pad로드 전에 실행됩니다. 어느 $(document).ready()에를 <body>의 끝에 스크립트를 배치하거나 포장 :

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

이 감사 일했다 : D –