异步添加html

Question

我想在页面中异步添加新的html，如

$.each(programListAll, function (j, innerItem)
{
      programHtml = '<div class="row"><ul>';
      $("#programList").append(programHtml);
});

它应该向用户显示html是异步添加的。 我怎样才能做到这一点？

Answer 1

添加项目可能会有一点延迟，代码如下所示：

var $programHtml = $('<ul class="row"></ul>');
$('#programList').append($programHtml);
var delay = 1000;

$.each(programListAll, function (j, innerItem)
{
   $programHtml.delay(j * delay).append('<li'> + innerItem + '</li>');
});