jQuery.fadeIn()이 시작되었지만 꼭 마칠 필요가 없을 때까지 기다리십시오.

Question

나는 이것을 수행하는 방법을 고민하고 있습니다. 일부 jQuery UI 탭 안에 jqGrid 요소가 있습니다. 그리드가 너비 100 %를 채우는 지 확인하려면 간단한 window.resize 이벤트를 작성했습니다.

사용자가 단추를 클릭하면 jqGrids를 지우고 다시로드 한 다음 탭을 다시 페이드하면 여기에서 모두 작동하는 것을 볼 수 있습니다 : '다시로드'버튼을 클릭하여 작동하는지 확인하십시오).

그러나 눈금이 보이기 시작하면 바로 채우기 위해 표 크기를 조정하고 싶습니다. 탭에서 $(..).fadeIn()을 호출 한 직후에 $(window).resize()으로 전화를 걸면 작동하지 않습니다. 애니메이션이 아직 시작되지 않았고 그리드가 보이지 않았기 때문에 추측하고 있습니다.

페이드 효과가 시작된 직후에 window.resize을 트리거 할 여지가 있습니까?

(나는 그것을 도울 수 있다면이 끝날 때까지 기다릴 필요하지 않습니다.)

Answer 1

위의 내용은 정상적으로 작동합니다. loadGrids() 함수 :

$('#container').show().css('visible', false);

아이디어 컨테이너가 보이지 않게하기 위해 존재하지만,이에 대한

jsFiddle에서 페이딩 전에 정상 레이아웃 공간을 사용하여 : http://jsfiddle.net/qvY9s/9/

Answer 2

당신이하면 onMouseDown 및 onMouseUp에 이벤트를 시도? 하면 onMouseDown -> 크기를 조정 onMouseUp에 -> fadeIn

Answer 3

당신은 단지 그것을하기 전에 임의의 시간을 지연시킬 수있다 :

setTimeout(function(){$(window).resize()},100); 

업데이트 바이올린 : http://jsfiddle.net/qvY9s/8/

Answer 4

당신은 그냥 직접 호출 시간 제한을 설정할 수 있습니다 크기 조정 기능 :

$('#container').fadeIn(2000); 
setTimeout(custJqGResize,10);