Как отложить части jquery, чтобы они не включались одновременно? - PullRequest
Новая
       49

Как отложить части jquery, чтобы они не включались одновременно?

0 голосов
/ 25 февраля 2019

Я хочу, чтобы .title включился, затем .element включился, а затем .list.Но я не могу понять, как это сделать.Они всегда включаются одновременно. 

setTimeout(function() {
  $("#screen" + screenNum).show();
  $("#screen" + screenNum + " .title").each(function(index) {
    $(this).css("display", "block");
    TweenLite.from($(this), animationSpeed, {
      x: -1000,
      ease: Cubic.easeOut,
      delay: index * 0.1
    });
  });

  $("#screen" + screenNum + " .element").each(function(index) {
    $(this).css("display", "block");
    TweenLite.from($(this), animationSpeed, {
      y: 1080,
      ease: Cubic.easeOut,
      delay: index * 0.1
    });
  });

  $("#screen" + screenNum + " .list").each(function(index) {
    $(this).css("display", "block");
    TweenLite.from($(this), animationSpeed, {
      y: -500,
      ease: Cubic.easeOut,
      delay: index * 0.1
    });
  });
}, numEle * 100);

1 Ответ

0 голосов
/ 25 февраля 2019

Я бы, вероятно, использовал бы функцию .load в jquery, то, что она делает, - это когда вторая загрузка завершается, она запускает функцию.Вы можете использовать его, чтобы сказать, что запускать функцию нужно только при загрузке документа, запускать ее при загрузке объекта на странице или даже другую функцию javascript.чтобы использовать его, просто укажите объект 

$("object here").load(function);

или 

$("object").load(function(){

});

, вот страница w3schools, если вы хотите узнать больше: https://www.w3schools.com/jquery/event_load.asp

...