javascript - Ajax 按钮向下滑动并附加带有淡入效果的数据

标签 javascript jquery html css ajax

我通过 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数据?

最佳答案

jQuery size()自 1.8 起已弃用,请改用属性 length

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

关于javascript - Ajax 按钮向下滑动并附加带有淡入效果的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32629377/

相关文章:

javascript - Slickgrid:具有动态参数的多重分组

javascript - 如何使用 Bootstrap 使输入标签填充表格中的整个 <td>

javascript - 为位置绝对元素在 html/javascript 中构建的所见即所得 html 编辑器

JavaScript 推送方法改变值

javascript - 如何获得计算样式?

javascript - 将多位数减少到一位数 - 请指导不回答

javascript - 暂时停用 onchange 事件

javascript - AngularJS:在固定位置元素上动画 ng-show 和 ng-hide

Javascript-通过函数和函数参数设置 DIV 的背景图像

html - 调整浏览器大小时,我的网站也会随之调整大小