Side navigation
Ticket #6220: jquerybug.html
File jquerybug.html, 1.4 KB (added by andreas.krueger, March 04, 2010 12:54PM UTC)
self-contained example triggering the bug.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>A JQuery Glitch</title>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script id="script" type="text/javascript" >
$(function() {
var waw = $('#waw');
var wane;
var wax = function() {
waw.fadeIn(7000, wane);
}
wane = function() {
waw.fadeOut(7000, wax);
}
wane();
}
);
</script>
<script type="text/javascript">$(function() {$('#copyCodeHere').html($('#script').html())});</script>
<body id="root">
<h1>A JQuery bug</h1>
<p>The following code is intended to slowly, continuosly fade in and out the
“Wax and wane” writing below.</p>
<pre id="copyCodeHere" style="color:darkblue"></pre>
<p>It mostly works as intended, but it also produces occasional errors on
the Firefox 3.5.8 error console. Also verified with Firefox 3.0.11.</p>
<p>The problem does not seem to occure
if the duration value is set to something much shorter.</p>
<p>The error seen (translated from German):
“Error processing the value for 'opacity'. Declaration ignored.”</p>
<h1 id="waw">Wax and wane</h2>
</body>
</html>
Download in other formats:
Original Format
File jquerybug.html, 1.4 KB (added by andreas.krueger, March 04, 2010 12:54PM UTC)
self-contained example triggering the bug.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>A JQuery Glitch</title>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script id="script" type="text/javascript" >
$(function() {
var waw = $('#waw');
var wane;
var wax = function() {
waw.fadeIn(7000, wane);
}
wane = function() {
waw.fadeOut(7000, wax);
}
wane();
}
);
</script>
<script type="text/javascript">$(function() {$('#copyCodeHere').html($('#script').html())});</script>
<body id="root">
<h1>A JQuery bug</h1>
<p>The following code is intended to slowly, continuosly fade in and out the
“Wax and wane” writing below.</p>
<pre id="copyCodeHere" style="color:darkblue"></pre>
<p>It mostly works as intended, but it also produces occasional errors on
the Firefox 3.5.8 error console. Also verified with Firefox 3.0.11.</p>
<p>The problem does not seem to occure
if the duration value is set to something much shorter.</p>
<p>The error seen (translated from German):
“Error processing the value for 'opacity'. Declaration ignored.”</p>
<h1 id="waw">Wax and wane</h2>
</body>
</html>