Question

我想创建动态加载ul列表。

例如，我有这个ul列表：

<section id="loadLi">
    <ul>
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
    </ul>
</section>

现在我要加载li个元素，1秒，第一个li，1秒后，li两个，1秒后，li三个...当用户在该部分时（此代码位于正文的中间，所以我想在用户滚动到html的这一部分时加载dinamically。）

任何人都知道怎么做？

P.D：我很抱歉我的英语......我知道这真的很糟糕！

Answer 1

这样的东西？使用.delay()？

$(function() {
  $("#loadLi li").hide();
  $("#loadLi li").each(function(i) {
    $(this).delay(1000 * i).fadeIn();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="loadLi">
  <ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
  </ul>
</section>

几秒后动态加载下一个li

1 个答案: