ajax 筛选数据,WordPress教程 如何实现ajax无刷新筛选加载分类文章?
·
WordPress如何实现ajax无刷新筛选加载分类文章?wordpress实现在首页通过ajax无刷新的方式筛选加载分类文章;效果如下:

JS代码
jQuery('.cat-nav > li > a').on('click',function(){
var next_url = jQuery(this).attr("href");
jQuery('.cat-nav > li').removeClass('current-menu-item');
jQuery(this).parent().addClass('current-menu-item');
jQuery.ajax({
type: 'get',
url: next_url + '#posts',
success: function(data){
posts = jQuery(data).find("#posts .post");
if (next_url.indexOf("page") < 1) {
jQuery("#posts").html('');
}
jQuery("#posts").append(posts.fadeIn(100));
}
});
return false;
});
添加到要显示ajax筛选分类的地方

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)