I am using the following to fade a div with slideffect.
$('div.clsBlue').eq(2).fadeOut(1000, function() {
});
This fades with animation in IE7 perfectly but not in mozilla 3. Any suggestions?
views:
241answers:
4
A:
Why are you defining a callback function when it's not needed?
Also, what happens in FireFox 3? JavaScript error? Unintended fade effect?
Nicholas H
2009-05-07 07:08:32
the callback is needed since i am looping over div's using each and i want the fade one after the other. In FireFox3, the div hides without a fade. It's like calling hide() directly. It does not fade out
KJai
2009-05-07 07:26:21
A:
Are you running in quirksmode? Sometimes if you don't have a specified doctype jQuery animations can do funny things.
Fermin
2009-05-07 07:37:34
I have a doctype <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
KJai
2009-05-07 07:42:22
+1
A:
Hi,
I got the same problem: IE 6 worked fine, but FFox 3 didn't.
I solved this problem setting the container DIV
height: auto
Regards.
ATorras
2009-05-07 07:54:46
jQuery 1.3.1 and FFox 3.0.10.Maybe you need initialize width property like the sample:<div id="div1" style="clear: both; padding-left: 4em; margin-top: 1.5em; margin-bottom: 2em; width: 300px; height: 76px;"> <div style="width: 200px;"> <label>XYZ:</label> </div> <div style="margin-left: 2em; padding-top: 1em;"> <div style="clear: both;"> <div style="width: 150px; float: left;"> <label>XYZ</label> </div> <div style="float: left; margin-left: 30px; width: 20px;"> <input type="radio" value="v1" checked="checked" name="n1"/> </div> </div>...
ATorras
2009-05-07 10:51:00
A:
The solution is over here
http://stackoverflow.com/questions/748113/jquery-fade-effect-not-working-in-ff
KJai
2009-05-07 10:47:03