Javascript Ajax成功使用fadeIn（）附加HTML

我在ajax成功函数的

中添加html

HTML

<ul id="revisionList">
  <!-- ajax.js will insert ordered list here based on number of revisions -->
</ul>

Ajax成功

success: function(json)
        {
            /*
            If successful build the list of revision links
            Links include link that will load images in next tab
            */

            //loop through revisions and display
            for(i = 0, j = json.revision_count.length; i < j; i++) {
                //count for revision number
                var k = i + 1;
                //revision number, does not match k
                var revisionID = json.revision_count[i].layout;
                $('#revisionList').append(
                    "<li><a onclick=\"initEditRevision(" + galleryID + ',' + revisionID + ")\" href=\"#editRev\" data-toggle=\"tab\">Revision " + k + "</a></li>"
                );
            }

        }

success:function（json）
{
/*
如果成功，则生成修订链接列表
链接包括将在下一个选项卡中加载图像的链接
*/
//循环浏览修订和显示
对于（i=0，j=json.revision\u count.length；i”
);
}
}

在列表建立之后，我如何在整个

中淡出呢？

试试这个

success: function(json) {
    var $list = $('#revisionList');
        $list.hide();  // Hide Here
    for (i = 0, j = json.revision_count.length; i < j; i++) {
        var k = i + 1;
        var revisionID = json.revision_count[i].layout;
        $list
            .append("<li><a onclick=\"initEditRevision(" + galleryID + ',' +  
                     revisionID + ")\" href=\"#editRev\"
                    data-toggle=\"tab\">Revision " + k + "</a></li>");
    }
    $list.fadeIn('slow'); // Fade In here
}​

success:function（json）{
var$list=$（“#修订列表”）；
$list.hide（）；//在此处隐藏
对于（i=0，j=json.revision\u count.length；i”）；
}
$list.fadeIn（'slow'）；//在此处淡入
}​

试试这个

success: function(json) {
    var $list = $('#revisionList');
        $list.hide();  // Hide Here
    for (i = 0, j = json.revision_count.length; i < j; i++) {
        var k = i + 1;
        var revisionID = json.revision_count[i].layout;
        $list
            .append("<li><a onclick=\"initEditRevision(" + galleryID + ',' +  
                     revisionID + ")\" href=\"#editRev\"
                    data-toggle=\"tab\">Revision " + k + "</a></li>");
    }
    $list.fadeIn('slow'); // Fade In here
}​

success:function（json）{
var$list=$（“#修订列表”）；
$list.hide（）；//在此处隐藏
对于（i=0，j=json.revision\u count.length；i”）；
}
$list.fadeIn（'slow'）；//在此处淡入
}​

或者，您可以将其隐藏在

for

循环之前；什么最管用

---

或者，您可以将其隐藏在

for

循环之前；无论哪种方式效果最好。

您必须先使用CSS

display

属性隐藏它，如果您不想使用CSS，则必须使用style属性

#revisionList{display: none;}

或

---

如果不想使用CSS，必须先使用CSS

display

property或使用style属性来隐藏它

#revisionList{display: none;}

或

---

你为什么躲在for循环中！它正在一遍又一遍地做over@epascarello .. 谢谢你指出这一点。。看了看：）你为什么躲在for循环中！它正在一遍又一遍地做over@epascarello .. 谢谢你指出这一点。。看了看：）

$("#revisionList").fadeIn(500);