Показать сообщение отдельно
  #4 (permalink)  
Старый 05.01.2016, 17:04
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

animate окончание очереди два варианта
Untropee,
запуск алерта по окончании всех анимаций на данных элементах
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>animated demo</title>
  <style>
  div {
    background: yellow;
    border: 1px solid #AAA;
    width: 80px;
    height: 80px;
    margin: 0 5px;
    float: left;
    opacity: 0;
  }

  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<button id="run">Run</button>

<div class="popup_static"></div>
<div  class="sale"></div>


<script>
var d = $(".popup_static, .sale");
$("body").click(function(){
	d.css({opacity:0}).animate({opacity:1},2000,function(){!d.queue( "fx" ).length && alert('test')});
})

d.animate({opacity: 1}, 2000).promise().done(function() {
    alert('test');
});

</script>

</body>
</html>

Последний раз редактировалось рони, 05.01.2016 в 17:32.
Ответить с цитированием