jquery - Fadein AJAX 在页面中加载

Question

我有一个历史 API 脚本，它使用 jQuery 从页面加载新内容。如何淡入新加载的名为 div 的 div #load？

$.ajax({
    url: url,
    type: 'GET',

    dataType: "html",
    success: function (responseData) {

        $("#main").html($("#load", responseData).html());
        if (url =='Home'){

            $.get("phpscripts/getFeed.php",function(result){
                $("#newsFeed").html(result);
            }); 
        }

    },
    error: function (jqXHR, textStatus, errorThrown) {
        alert(jqXHR.status + " : " + errorThrown);
    }
});

Answer 1

这条线需要改变

  $("#main").html($("#load", responseData).html());

它说获取 html INSIDE#load但不会包含#load自身

尝试：

 $(responseData).find('#load').appendTo( "#main").fadeIn();

另外，请确保您没有在页面中重复 ID。从之前的帖子我相信你可能是。ID 必须是唯一的

Answer 2

Found answer, was trying to fadeIn #load when should have been #main. Thanks to @charlieftl for pointing me in the right direction!