Ajax按钮向下滑动,并以渐变效果附加数据
Ajax button slide down and append data with fadeIn effect
我通过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
相关文章:
- 用程序搜索JQuery数据表中的文本
- 要求输入在数据列表中
- 正在将数据主题添加到所有项目
- 函数参数中的数据与指定变量之间的任何性能差异
- 在VanillaJS中模拟模型双向数据绑定
- CSS-如何定位内容数据标题
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 无法在数据endVal中设置值=“”;{{ucount}}”;使用Angular JS的CountUp
- 序列化数据属性中对象的最可靠方法
- 如何将JSON数据导入我的ejs模板
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何将json数据显示为html
- 画布数据到图像
- 使用jquery将mysql数据获取到新的表行中
- 使用html中的外部javascript进行数据验证
- 有时数据是't显示在浏览器中
- React中的数据集表示
- Angular只从数组中获取所需的数据
- Ajax按钮向下滑动,并以渐变效果附加数据
- d3.js渐变文本动画不工作后的selectAll与数据