Вопрос по jquery – конец jquery fadeIn () имеет «удар» в Chrome

2

Я использую очень простые fadeIn и fadeOut в Chrome. Я просто хочу, чтобы один текстовый элемент исчез, а другой исчез. Рабочий пример:http://jsfiddle.net/forgetcolor/7eR5Q/

Проблема, с которой я сталкиваюсь, заключается в том, что в конце fadeIn () происходит резкий переход в конечное состояние. Я называю это «удар». Элемент плавно затухает, но в конце он теряет эту гладкость и сразу завершает затухание.

Есть ли способ избежать этого?

var cur = 1;
$('#btn').click(function() {

    if (cur == 1) {
        $('#txt1').fadeOut(500, function() {
            $('#txt2').fadeIn(500);
        });
        cur = 2;
    } else if (cur == 2) {
        $('#txt2').fadeOut(500, function() {
            $('#txt1').fadeIn(500);
        });
        cur = 1;
    }
});​

body {
    background-color:#666;
    color:white;
    font-size:20px;
    margin:20px;
}
#txt2 {display:none;}​

<div id="txt1">txt1</div>
<div id="txt2">txt2</div>
<br/><div id="btn">btn</div>​

ОБНОВИТЬ:

Вот видео:http://www.youtube.com/watch?v=n2IGED0pkVg

Мой номер версии Chrome - 20.0.1132.21 beta (последняя версия) на OSX

Отчет об ошибке Chrome представлен:https://code.google.com/p/chromium/issues/detail?id=130801

Error: User Rate Limit Exceeded mix
Error: User Rate Limit Exceeded VisioN
Error: User Rate Limit Exceeded Hassan
Error: User Rate Limit Exceeded VisioN
Error: User Rate Limit Exceeded dSquared

Ваш Ответ

4   ответа
0

bugging

Edit:font smoothingantialiased (

-webkit-font-smoothing: antialiased;

Это старый вопрос.
Error: User Rate Limit Exceeded mix
0

Error: User Rate Limit Exceeded

-webkit-opacity: .99;
0

$('#txt1').fadeIn(600); and $('#txt2').fadeIn(600);

Error: User Rate Limit Exceeded mix
1

хорошо, я добавлю вашу скрипку в отчет об ошибке mix
Error: User Rate Limit Exceededjsfiddle.net/7eR5Q/20Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded mix

Похожие вопросы