所以我的问题是,是否有人可以帮助我将以下内容转换为不需要刷新/重新加载页面的过滤器列表...
我相信以下答案是我能找到最接近解决方案的答案:在类别和wordpress循环上使用ajax
但是,我不确定在哪里实现代码。我在我的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 - 我应该在哪里放置不同的代码片段,是否需要对其进行大量调整?
非常感谢您的帮助!
答案 0 :(得分: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);
}
});
});