Когда Chaining fadeTo, вторая анимация не происходит - PullRequest
Новая
       29

Когда Chaining fadeTo, вторая анимация не происходит

0 голосов
/ 17 апреля 2019

Я хочу, чтобы элемент постепенно исчезал, обновлялся и возвращался обратно, используя два вызова fadeTo, соединенных вместе.Проблема в том, что второй анимации не происходит - элемент снова появляется.

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

$(tgt).fadeTo(1000,0, function () {
  $(tgt).html(stufffromAjax);
  $(tgt).fadeTo(1000,100);
});

Я ожидаю, что затухание займет одну секунду, а затем, после обновления, его затухание займет одну секунду, но сразу же появляется,Любые предложения будут оценены.

1 Ответ

2 голосов
/ 17 апреля 2019

Второй аргумент fadeTo - непрозрачность.Диапазон непрозрачности - это значение с плавающей точкой от 0 до 1,00, поэтому вам нужно постепенно увеличивать до 1, а не до 100. 

var $target = $('#target').fadeTo(1000,0, function () {
  $target.html('Changed');
  $target.fadeTo(1000,1);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="target">Fade Me</div>
...