ajax 用于在 wordpress 中按类别过滤帖子

Question

所以我的问题是，是否有人可以帮助我将以下内容变成不需要刷新/重新加载页面的过滤器列表...

我相信以下答案是我能找到的最接近解决方案的答案：Using ajax on categories and wordpress loops

但是，我不确定在哪里实现代码。我在我的 loop.php 中使用以下内容：

<div id="queryMenu">
<ul>
    <li><a href="#" id="business_work">Work</a></li>
    <li><a href="#" id="development_sustainability">Sustainability</a></li>
    <li><a href="#" id="education">Education</a></li>
    <li><a href="#" id="health_medecine">Medecine</a></li>
    <li><a href="#" id="human_rights">Human</a></li>
    <li><a href="#" id="law_order">Order</a></li>
    <li><a href="#" id="media_information">Information</a></li>
    <li><a href="#" id="nations">Nations</a></li>
    <li><a href="#" id="political_economy">Economy</a></li>
    <li><a href="#" id="research_innovation">Research</a></li>
    <li><a href="#" id="reset">All Posts</a></li>
</ul>

现在，如果我想将编码应用为此处提及的输入代码 - 在类别和 wordpress 循环上使用 ajax - 我应该将不同的代码 sn-ps 放在哪里，是否需要对其进行大量调整？

非常感谢您的帮助！

Answer 1

$("#queryMenu ul li a").click(function(){
    var currentCategory = $(this).attr('id');
    $.ajax({
        type: 'post',
        url: 'ajax-category.php', //sometimes I'm using bloginfo to get current path: url: '<?php bloginfo('template_url'); ?>/ajax.php',
        data: {
            currentCategory: currentCategory
        },
        success: function(data) {
            console.log(data);
        }
    });
});