хром setTimeout и исчезать

Question

Я пытаюсь сделать отложенное исчезновение из div. Я использую JQuery, но ни один из методов задержки не работает в Chrome 16, все хорошо в FF 10.

msgCenter.style.display = "inline";
setTimeout('$("#messageCenter").hide("fade", { }, 1000);',4000);
$('#messageCenter').delay(4000).fadeOut();

Ни одна из этих функций не работает в Chrome.

Это будет работать в Chrome, но не имеет эффекта затухания:

setTimeout('$("#messageCenter").hide();',4000);

Может кто-нибудь сказать мне, почему? Также есть ли способ добавить эффект затухания в Chrome? Спасибо за чтение.

Answer 1

Ваш второй вариант должен работать. Я установил jsfiddle здесь , который работает на Chrome 16.0.912.77.

Answer 2

Вы должны использовать анимацию JQuery, например, одно из следующих:

setTimeout('$("#messageCenter").fadeOut();', 4000);
setTimeout('$("#messageCenter").animate({ opacity: 0.0 }, 1000, function() { /* Animation complete */});', 4000);

Answer 3

Еще одно решение:

setTimeout(function() {
    $("#messageCenter").css('display', 'block').fadeOut();
}, 4000);

И если fadeIn тоже сталкивается с проблемами:

$("#messageCenter").css({display: 'block', opacity: 0}).fadeIn();

Answer 4

вы также можете try $("#messageCenter").hide(4000) ... это даст уменьшенную анимацию ... но для вашего случая используйте $("#messageCenter").fadeIn(4000) или $("#messageCenter").fadeOut(4000)

Answer 5

Как насчет этого:

setTimeout(function() {
    $('#messageCenter').css("display","block").fadeOut(4000,function() {
        $(this).css("display","inline");    
    });
});

Answer 6

Если я установлю его на

msgCenter.style.display = "block";

это работает для всех вариантов, упомянутых выше! Кажется странным для меня Кто-нибудь знает, почему он должен быть блочным, а не встроенным?