div滑落的jquery ajax结果

Question

我有一个页面,其中包含所有用户的下拉列表.当一个人在下拉列表中选择某人时,我会触发ajax调用以获取用户的信息.一切正常.我试图在div中显示ajax调用的结果.

我试过这个:

 function getInfo(id)
{
        $.ajax({
                   type: "GET",
                   url: "users/userInfo.php",
                   data: "userId=" + id,
                   success: function(result){
                     $("#userData").html(result);
                   }
                 });
 $("#userData").hide();
 $("#userData").slideDown('slow');
 };

并且在一个人做出的第一个选择中,它不会滑动,它只是出现.但是,如果该人选择不同的选项,则幻灯片可以完美地运行.我怎么能得到第一个ajax响应滑动？

我添加了.hide(),因为我读到它必须被隐藏才能滑动.我尝试了animate(),这是一场灾难......

Answer 1

您需要重新安排通话.转移hide到ajax之前.然后移动slidedown到成功回调的内部:

function getInfo(id)
{
    $("#userData").hide();
    $.ajax({
            type: "GET",
            url: "users/userInfo.php",
            data: {userId: id},
            success: function(result){
                $("#userData")
                    .html(result)
                    .slideDown('slow');
        }
    });
 };