Modify ↓
Ticket #4676 (closed bug: worksforme)
fadeTo, fadeIn and fadeOut does not fork correcty in FF3.0 and Chrome 2
| Reported by: | dziastinux | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | |
| Component: | effects | Version: | 1.3.2 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
Tested on Firefox 3.0.10, Chrome 2.0.174.0 and there should be more. IE8, IE8 (IE7 mode) works fine. Works fine with jQuery 1.3.1
How to repeat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"> </script>
<title>FadeTo bug demo</title>
<style type="text/css">
#demo1,
#demo2,
#demo3{
overflow: hidden;
width: 50px;
height: 50px;
position: absolute;
}
#demo1{
background: red;
top: 15px;
left: 15px;
}
#demo2{
background: blue;
top: 15px;
left: 75px;
display:none;
}
#demo3{
background: green;
top: 15px;
left: 135px;
}
p {
position: absolute;
top: 75px;
cursor: pointer;
}
</style>
</head>
<body>
<div id='demo1'></div>
<div id='demo2'></div>
<div id='demo3'></div>
<P>Click here to fade in..</P>
<script type="text/javascript">
$(function(){
$('#demo1').click(function(){
$(this).fadeTo("normal", 0.33);
});
$('p').click(function(){
$("#demo2").fadeIn("normal");
});
$('#demo3').click(function(){
$(this).fadeOut("normal");
});
});
</script>
</body>
</html>
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.
Issue no longer exists
http://jsfiddle.net/rwaldron/GPufL/1/