jQuery 컨테이너에 직접로드,로드 될 때 fadeIn

Question

Ajax를 통해 콘텐츠를 대상 컨테이너로 직접로드하고 싶습니다.

var theData = $('<div id="tempcontainer">').load('/'+targetProject + ' #containerUID' + targetProject);     
$(theData).prependTo('#targetContainer'); 

이 내 #targetContainer에 데이터를로드하지만, 불필요한 #tempcontainer 나를 떠난다. 내 #targetContainer에 여러 항목을로드하려고하므로 #tempcontainers을 복제 할 수 없습니다. 내가 달성하고자하는 어떤

는 #tempcontainers을 (를 피하기 완전히 더 나은 것) 복제하지 않고 내 #targetContainer에 숨겨진로드 된 데이터를 삽입하는 것입니다, 측정은, 일부 기능 및 fadeIn 전화 (가능하면 숨겨진 동안) 높이의 내용이로드되었습니다.

미리 감사드립니다.

인사말,

Answer 1

load()은 $.get의 편리한 바로 가기이므로 데이터를 변수에 저장하는 경우 $.get이 더 적합합니다. 그런 다음 내용을 숨기고 앞에 붙이고 페이드 인합니다. 몇 가지 문제를 피하기 위해 순서를 바꾸지 만, 그다지 중요하지 않습니다.

$.get('/'+targetProject , function(data) { 
    $(data).find('#containerUID' + targetProject) 
      .hide() 
      .fadeIn() 
      .prependTo('#targetContainer'); 
});