Bug Tracker

Ticket #6220: jquerybug.html

File jquerybug.html, 1.4 KB (added by andreas.krueger, 4 years ago)

self-contained example triggering the bug.

Line 
1<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4
5<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6
7<title>A JQuery Glitch</title>
8</head>
9<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
10<script id="script" type="text/javascript" >
11   $(function() {
12          var waw = $('#waw');
13          var wane;
14          var wax = function() {
15              waw.fadeIn(7000, wane);
16          }
17          wane = function() {
18              waw.fadeOut(7000, wax);
19          }
20          wane();
21      }
22   );
23</script>
24<script type="text/javascript">$(function() {$('#copyCodeHere').html($('#script').html())});</script>
25<body id="root">
26
27<h1>A JQuery bug</h1>
28
29<p>The following code is intended to slowly, continuosly fade in and out the
30&ldquo;Wax and wane&rdquo; writing below.</p>
31
32<pre id="copyCodeHere" style="color:darkblue"></pre>
33
34<p>It mostly works as intended, but it also produces occasional errors on
35the Firefox 3.5.8 error console. Also verified with Firefox 3.0.11.</p>
36
37<p>The problem does not seem to occure
38if the duration value is set to something much shorter.</p>
39
40<p>The error seen (translated from German):
41&ldquo;Error processing the value for 'opacity'. Declaration ignored.&rdquo;</p>
42
43<h1 id="waw">Wax and wane</h2>
44
45</body>
46</html>