ajax로 이미지 출력 후 height를 구하고 싶어요..

Question

제가 하고싶은 것은 이미지가 출력되면서 transition으로 슬라이드 효과를 입히려고 합니다.대략적인 코드는 이렇습니다.

a요소를 클릭 시ul의 자식요소로 가 ajax로 출력이 되는데요.중요한 부분은 첫번째 요소는 클릭 전에 출력이 되고 클릭 시에 append()에 의해 요소가 추가 됩니다.$(".a").on(function(){ $.ajax("test", { ... },success : function(json) { var tmp = _.template($("#tmp").html()), markup = tmp({ list : json }); $ajax.append(markup); var height = $ajax.height(); console.log($ajax); console.log(height); 이 부분에 콘솔창에는 분명 $ajax의 크기가 새로 출력된 이미지와 합해서 나와있는데요 console.log(height); 를 해보면 클릭 전에 크기가 구해집니다... }}); 이유가 뭘까요? ㅠㅠ .height()가 ajax 출력 전에 입혀져서 그런 건가요?방법이 없을까요?...

NULL만나면 · Answer

ajax로 어떤 html을 추가했는데 height를 보는건 기존 html이니까 동적으로 추가된 html을 다시 selecting 해야죠.

뱅뱅뱅 · Answer

에시칼로 //답변 감사합니다. 어..음..그러니까.. 동적으로 추가되는 li에 .height()을 해야한다는 말씀이신가요?..콘솔창에는 합해진 height가 나와있어서 이미지가 추가된 이후의 height인줄 알았어요.. &#34;동적으로 추가된 html을 다시 selecting&#34; 어떻게 하면 좋을까요?..인터벌을 줘야하나요?

NULL만나면 · Answer

그 li안에 img가 있는거죠? 그 img를 예를들면 $('li img').height() 하면 될 것 같네요.

ajax로 이미지 출력 후 height를 구하고 싶어요..

3개의 답변

#height 목록