jQuery 的 append 函数是异步的

 

jQuery 的 append 函数是异步的

 

 

方法一：
　　多个 append 实现拼接一个 HTML 片段：

$("#prject-list").append('<li class="nav-item">');
$("#prject-list").append('<a href="/admin/${serviceName}/lydtgz-article-country-direct#lydtgz-article-country-direct/article-list?entityCode=' + programEntity.key + '" class="nav-link">');
$("#prject-list").append('<i class="far fa-circle nav-icon"></i>');
$("#prject-list").append('<p>' + programEntity.key + '</p>');
$("#prject-list").append('</a>');
$("#prject-list").append('</li>');

 

方法二：
　　使用一个 append 函数将全部的 HTML 片段组装完整后再展示，这样就不会出现异步导致的与期望的结果不一致的情况。
　　$("#prject-list").append('<li class="nav-item"><a href="/admin/${serviceName}/lydtgz-article-country-direct#lydtgz-article-country-direct/article-list?searchKey=entity&entityCode=' + programEntity.key + '" class="nav-link"><i class="far fa-circle nav-icon"></i><p>' + programEntity.key + '</p></a></li>');

jQuery 的 append 函数是异步的
如果想要完整加载完再展示那么将整个页面片段拼装好再显示，即方式二，至于一个 append 的函数。