小编gul*_*hod的帖子

使用ajax通过WordPress菜单加载div中按类别分类的最新帖子

我希望我的index.php在顶部具有类别名称的水平列表,并且当我单击任何类别名称时,无需刷新即可在特定div容器的索引页中显示最新的10条帖子。在Wordpress中有可能吗?

谢谢。

更新我的代码:

对于类别菜单:

<?php $categories = get_categories(); ?>

<ul id="category-menu">
<?php foreach ( $categories as $cat ) { ?>
<li id="cat-<?php echo $cat->term_id; ?>"><a class="<?php echo $cat->slug; ?> ajax" onclick="cat_ajax_get('<?php echo $cat->term_id; ?>');" href="#"><?php echo $cat->name; ?></a></li>
<?php } ?>
Run Code Online (Sandbox Code Playgroud)

html div占位符,帖子将通过ajax加载:

<div id="main-container">
<div id="loading-animation" style="display: none;"><img src="<?php bloginfo('url'); ?>/images/loading.gif"></div>
<div id="category-listing"></div>
Run Code Online (Sandbox Code Playgroud)

jQuery函数:

<script>
function cat_ajax_get(catID) {
 jQuery("a.ajax").removeClass("current");
 jQuery("a.ajax").addClass("current"); //adds class current to the category menu item being displayed so you can style it with css
 jQuery("#loading-animation").show();
var …
Run Code Online (Sandbox Code Playgroud)

php ajax wordpress jquery

5
推荐指数
1
解决办法
753
查看次数

标签 统计

ajax ×1

jquery ×1

php ×1

wordpress ×1