Я пытаюсь использовать эффект fadeIn с jQuery в моем коде cgi python.

Но почему-то не работает.

Мой код cgi на Python:

#!/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>"

Я пытаюсь затухать в этом третьем h2 с помощью id: pad.

Это то, что я использую для fadeIn и fadeOut

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

Он не исчезает, не исчезает.

Большое спасибо!

0
Kevin Jones 12 Ноя 2017 в 21:09

1 ответ

Лучший ответ

Поскольку ваш сценарий размещен над #pad, он выполняется до загрузки #pad. Либо поместите сценарий в конец <body>, либо оберните его в $(document).ready():

$(document).ready(function() {
    $('#pad').hide().fadeIn(800).delay(3000).fadeOut(800); 
});
1
insert_name_here 12 Ноя 2017 в 18:29