Jquery is coming soon. works only in chrome state

I set the blog text on my page to opacity 0, so that it disappears to opacity 1 when the page loads with this code.

$(document).ready(function(){
    $('.entry').animate({opacity:1},700);
});

the text only fades in chrome, in firefox the text is already set to opactiy 1 without a visible fade effect. I tried to put the code in the footer, but the text remains visible when the page loads. I know for me. I have to do it with a filter.

+3
source share
3 answers

A bit hacky, but you can try setting a timeout after loading the page ...

$(document).ready(function(){
    setTimeout(function(){
    $('.entry').animate({opacity:1},700);
    },1000);
});
+1
source

, jQuery fadeOut() fadeIn(), -, .

+6

The ready () event is fired as soon as the DOM is created. Have you tried using load () instead?

+1
source

All Articles