Damn you Firefox for steppin on my loveley JQuery
So, jquery is awesome. But it has it’s setbacks. Like say you randomly want to position a div off screen for a swoop in from the right, pretty simple animate call to get it back to the stage $(‘#obj”).animate({“right”: “+=1000px”}, 800);
But now lets say you want to make the nifty animation be invisible and fade in while it makes it’s way merrily across the screen. Again should be simple $(‘#obj”).fadeIn(0); on $(document).ready and then $(‘#obj”).fadeIn(800); when you shoot the moon, but the issue is that you need to hide the object very specifically when you do this or Firefox you’ll need to make sure your object doesn’t leave the DOM (display:none;) by using the fadeOut JQ . So instead of fadeOut, you need to implement the .animate() so the object doesn’t sneak off the DOM $(‘#obj”).animate({“opacity”: “0”}, 0);
Happy Coding.
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.