Всем, привет!
Народ, помогите пжлст разобраться в причинах безобразия изложенного ниже:
// Функция анимации
function startLoadingAnimation() {
// Затемним область на время загрузки
$("<div class='overlay' ></div>").appendTo( $(".container") ).css("z-index", "999");
// найдем элемент анимации:
var loader = $("<i class='fa fa-spinner fa-spin'></i>").appendTo( $(".container") );
// вычислим в какие координаты нужно поместить изображение загрузки,
// чтобы оно оказалось в серидине страницы:
var windowH = $(window).height();
var windowW = $(window).width();
loader.css("z-index", "1000");
loader.css("font-size", "7em");
loader.css({
position:"fixed",
color: '#599f06',
left: ((windowW - loader.outerWidth())/2),
top: ((windowH - loader.outerHeight())/2)
});
}
Теперь код где это добро применяется:
container.find("a").each( function(index, elem) {
$(elem).click(function(e) {
e.preventDefault();
if ( !$(elem).hasClass("active") ) {
startLoadingAnimation();
location.reload();
}
});
});
В фаерфокс анимация прекрасно работает...с ие - тупо белый экран во время загрузки, если убрать локейшн.релоад тогда анимация видна...