我正在wordpress中创建一个站点,其中某个部分有一个容器,其中有一个帖子列表(将其视为菜单/侧栏),还有一个空白空间,我将在其中加载内容。当您单击帖子列表中的一个标题时,所单击标题的内容应该加载到空div中。单击标题列表中的另一个标题当然应该替换以前的内容。
基本上是这样的:
<div class="container">
<ul class="cats">
<?php
$my_query = new WP_Query(\'showposts=10&cat=4\');
while ($my_query -> have_posts()) :
$my_query->the_post();
$category = get_the_category();
?>
<li class="trigger">
<h5>
<? the_title(); ?>
</h5>
</li>
<?php
endwhile; wp_reset_query();
?>
</ul>
<div class="the-content">
<? the_content(); ?>
</div>
</div>
所以,我已经为ajax找到了一些东西,但我没有这方面的经验。做这件事最好的方法是什么?
最合适的回答,由SO网友:Mridul Aggarwal 整理而成
如果页面;内容足够短&;您不介意一些额外的初始加载时间,您可以在第一时间加载页面上的所有内容选项卡&;然后只需使用javascript显示/隐藏不同的选项卡
// the loop to list the titles here
$wp_query->rewind_posts(); // reset the loop
while ($my_query -> have_posts()) :
$my_query->the_post();
?>
<div id="<?php the_ID();?>" class="the-content">
<?php the_content();?>
</div>
<?php
endwhile;
如果您严格想要ajax,请参见以下内容
http://codex.wordpress.org/AJAX_in_Plugins您需要在ajax请求中将帖子的id作为参数传递&;然后在代码中使用此参数确定要返回的帖子内容