jquery ajax 结果 div 向下滑动

Question

我有一个页面，其中包含所有用户的下拉列表。当一个人在下拉列表中选择某人时，我会触发 ajax 调用来获取用户信息。一切正常。我试图在一个 div 中显示 ajax 调用的结果，该 div 很像向下滑动。

我尝试过这个:

 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');
        }
    });
 };