추가 후 기능 수행

Question

많이 논의 될 것으로 보이지만 쉬운 대답을 찾을 수 없습니다. DOM에 로더 아이콘을 추가했지만 append가 이것을 지원하지 않는다고 이해하고 나서 함수가 수행되도록하고 싶다. 쉬운 해결책이 있습니까?

현재 코드 :

$('#tab').on('shown.bs.tab', function(e) { 
    $("#htmlelement").append('<i class="fa fa-spinner fa-spin fa-fw"></i>'); 
    functionafterappend(); 
}); 

Answer 1

.append 동기식 함수이다. 따라서이 솔루션은 유효하며 functionafterappend()은 append이 실행 된 후에 만 ​​실행됩니다. 추가]가

$('div') 
 
    .append(`<p>1. Append at ${console.log(new Date())}</p>`) 
 
$('span') 
 
    .append(`<span> 2. Another Append at ${console.log(new Date())}</span>`); 
 
    
 
    // setTimeout(() => alert("Append has been completed"), 3000); 
 

body { 
 
    padding:50px; 
 
} 
 

 
div { 
 
    border:2px solid #bbb; 
 
    background-color:#eee; 
 
    padding:10px; 
 
    margin:10px auto; 
 
} 
 

 
span { 
 
    display:block; 
 
    width:65px; 
 
    font:bold 12px Arial,Sans-Serif; 
 
    color:white; 
 
    padding:5px 10px; 
 
    background-color:black;  
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>Lorem ipsum dolor sit amet consectetur adipiscing elitr sed diam nonumy tempe goreng.</div>

수행이가 append 후 뭔가를 할 수있는 가장 간단한 방법 후 내가 경고 3 초를 유발하고있어 어디

예를 들어

다음 예를 살펴. 물론 제외하고, 만약 그렇다면이 마음 싶어 체인 기능 : 완전히 기능 가고 싶은 경우

.append('<span>1. Append</span>') .prepend('<span>1. Append</span>')

, 당신은 심지어 사용하여 같은 기능을 구성 할 수 있습니다 Lodash : 위의 속는에서

const newFunc = pipe(append, prepend);