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

2a24dd4cfe95053a99854add54208f95.png

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筛选分类的地方

0f58cf82610827194b9281662c554e9e.png

Logo

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

更多推荐