jQuery slideDown on load

Question

내 jQuery 코드에서 ASP.NET MVC를 사용하여 partialView를로드하고 있습니다. partialView에는 클릭 기능에서 클릭 한 항목에 대한 설명이 포함되어 있으며 개체가로드되면 설명이 아래쪽으로 표시됩니다.

$('.details').click(function(){ 
    $('#details').load($(this).data('url'), { id: $(this).data('id')}).slideDown('slow'); 
    //the slidedown part doesn't seem to work. 
}); 

그러나 .slideDown()가 작동하지 않습니다

나는 다음과 같은 코드가 있습니다. 이것에 대해 어떻게 알 수 있습니까? 대신 .animate()을 사용해야합니까?

감사합니다.

편집은 내가 먼저 .hide()에해야 할 수도 있습니다 말을 몇 가지 질문을 발견했다. 이것은 작동하는 것처럼 보이지만, "요소"가 .load()을 완료 한 후 텍스트 업데이트 중 일부로 슬라이드 할 때 완전히로드되지 않은 것처럼 보입니다.

부하가 완료되면 .slideDown()을 실행할 수있는 방법이 있습니까?

Answer 1

$() .load()가 즉각적이지 않기 때문입니다. 로드가 완료 될 때 실행되는 것보다 콜백 인 세 번째 매개 변수가 있으므로 슬라이드 다운 (테스트되지 않음, 미안)을 기다려야합니다.

시도해 볼 수 있습니까? $ ('# 세부 사항')로드 ($ (this) .data ('url'), {id : $ (this) .data ('id')}, function() {$ (this) .slideDown 'slow');});

그리고 작동하는지 알려주십시오.