jQuery로드 질문 with slideDown effect

Question

그것은 stackoverflow에 내 첫 게시물 여기지만 많이 읽고 학습.

.load 기능을 사용하여 WordPress 테마에서 게시물을로드하는 jquery 함수를 사용하고 있습니다.

하지만 이제는 혼자 해결할 수없는 한 가지 문제가 있습니다.

$(document).ready(function(){ 

$.ajaxSetup({cache:false}); 
$("#thumbs a").click(function(){ 
var post_id = $(this).attr("rel") 
$("#your_post_here").slideDown("1200", function() { 
$("#your_post_here").html("<img src='http://localhost/wp-content/themes/insp/images/ajax-loader.gif' />"); 
$("#your_post_here").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/triqui-ajax/",{id:post_id}); 
}); 

    return false; 

}); 

$("a.close").live("click", function(){ 
    $("#intro").slideUp(1200); 
    return false; 
}); 

});

문제는 내가로드되기 전에 slideDown에 가져올 수 없다는 것입니다. 누군가가 무엇이 잘못 될 수 있다는 생각을 갖고 있습니까?

Everyting가 slideDown 효과를 제외하고 잘 작동

편집 :

어쩌면 내가 잘못 넣어 정말이 동작하지 않습니다 얻을.

이렇게 넣어 봤는데 잘못입니까?

$("#thumbs a").click(function(){ 
    var post_id = $(this).attr("rel") 
$("#your_post_here").slideDown("200", function() { 
    $("#your_post_here").html("<img src='http://localhost/wp-content/themes/insp/images/ajax-loader.gif' />"); 
    $("#your_post_here").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/triqui-ajax/",{id:post_id}); 
}); 

Answer 1

당신은 .slideDown()의 콜백에 .load()을 넣어해야합니다.

$("#your_post_here").slideDown("200", function() { 
    $("#your_post_here").html("<img src='http://localhost/wp-content/themes/insp/images/ajax-loader.gif' />"); 
    $("#your_post_here").load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/triqui-ajax/",{id:post_id}); 
}); 

// 편집 :

$("#your_post_here").slideDown("200", function() { 
    $(this).html("<img src='http://localhost/wp-content/themes/insp/images/ajax-loader.gif' />"); 
    $(this).load("http://<?php echo $_SERVER[HTTP_HOST]; ?>/triqui-ajax/",{id:post_id}); 
});