Question

Here is the same .js file read by chrome and firefox…(latest versions)
can anyone see the difference? the firefox change the ‘fadeTo’ into ‘fadeOut’ and ‘fadeIn’
The original script i wrote is fadeTo
Why is this happening?

Firefox:

$('document').ready(function(){
$('#errors').css('display', 'none');
$('#errors').fadeIn('fast');

if ($('#errors').length){
    $('#content').fadeOut('slow');
}
$('#container').click(function(){ 
$('#errors').fadeOut('slow'); 
$('#content').fadeIn('fast');
});


});

Chrome:

$('document').ready(function(){
$('#errors').css('display', 'none');
$('#errors').fadeIn('slow');

if ($('#errors').length){
$('#content').fadeTo('slow', 0.5);
}

$('#container').click(function(){ 
$('#errors').fadeOut('fest'); 
$('#content').fadeTo('slow', 1.0);
});

});

Answer 1

I’d bet good money caching is to blame. One browser is caching an old copy of this file. Clear your cache in both browsers and refresh. Or try a shift-refresh.