JQuery работает в ближайшее время. работает только в хроме

Question

Я установил для блога текст на своей странице с непрозрачностью 0, чтобы при загрузке страницы с этим кодом он становился непрозрачным 1.

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

текст исчезает только на Chrome, в FirefoxДля текста уже задано значение opactiy 1 без видимого затухания.Я попытался поместить код в нижний колонтитул, но текст все еще виден, когда страница загружается.Я знаю, для IE, я должен сделать это с фильтром.

Answer 1

Если единственным требованием является выцветание, используйте функции jQuery fadeOut() и fadeIn(), поскольку они более безопасны для разных браузеров, чем анимация свойства opacity.

Answer 2

Событие ready () запускается, как только DOM создается.Вы пытались использовать вместо этого load () событие?

Answer 3

Это немного странно, но вы можете попробовать установить тайм-аут после загрузки страницы ...

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