jquery ajax结果与div向下滑动答案

【问题标题】：jquery ajax results with div sliding downjquery ajax结果与div向下滑动
【发布时间】：2013-05-06 15:45:39
【问题描述】：

我有一个包含所有用户下拉列表的页面。当一个人在下拉列表中选择某人时，我会启动一个 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() ，那是一场灾难......

【问题讨论】：

在ajax成功函数中隐藏、追加、向下滑动。

标签： jquery ajax slidedown

【解决方案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');
        }
    });
 };

【讨论】：

【解决方案2】：

我在主页的ajax调用中尝试了hide和slidedown这两个功能进行导航，但没有成功。 Here 是我的网站，当您单击下载时，您会看到它仅在第一次运行。当你再次点击时，它将被隐藏。

Here是我的js，希望大家给点提示。

我附上点击下载时调用的js函数：

function download( ) {

//$('#download').hide();

$.post(ajfile+'download', function(res) {

    $(".container").css("display","none");

    $('#download').html(res);
});

}

我附上php代码来调用带有链接的js：

<div id="header" >  

    <ul id="navigation">

    <?php 
    # links
    foreach ($nav as $nav2) {

        echo '<li><a href="#'.lcfirst($nav2).'">'.$voc[$nav2].' ( ';

        # ü not possible as dec value
        if ($nav2== 'Aboutus')
            echo 'u';

        else
            echo lcfirst(substr( $voc[$nav2],0,1));

        echo ' ) </a></li>';

    } ?>

    </ul>   
    <input type=button onclick=download() value=Download(l)>
</div>

Here 是我使用的教程，它演示了如何使用按键和链接创建网站。

基本上我在a 标签内使用href 属性作为导航链接。此外，我有一个按键监听事件。因此，每次单击链接或按下某个键时，都会调用带有 id 的 div 来显示内容。其余内容用jscss()方法隐藏。

【讨论】：