Ajax按钮向下滑动,并以渐变效果附加数据

Ajax button slide down and append data with fadeIn effect

本文关键字:渐变 数据 按钮 Ajax      更新时间:2023-09-26

我通过Ajax获得了一些div,我想获得这些数据,附加到div,将按钮"more"滑动到底部,fadeIn附加数据。

我正在尝试这样做,但是它不起作用。

 $(".more").click(function() {
     $('.more').html('Loading...');
        jQuery.ajax({
            url: "/?p1=default&c1=cmsnotes&a0=0",
            type: 'GET',
            data: {"mode": "getmorenotes","cnt":$(".post").size(),"categorytag":"all"},
            success: function(data) {
               $(data).hide();
               $("#posts").append(data).fadeIn(1000);
               $('.more').html('More <i class="fa fa-plus"></i>');
            },
            error: function() {
            }
        });
       event.preventDefault();
    });

如何通过按钮向下滑动显示ajax数据和fadeIn数据?

jQuery size()自1.8起已弃用,请使用属性length代替。

"cnt": $(".post").length