如何使用Ajax onclick加载Wordpress Post

如何使用Ajax onclick加载Wordpress Post,第1张

如何使用Ajax onclick加载Wordpress Post

好的,我认为经过长时间的反复试验,我已经解决了这一问题。

这似乎可行,但是如果这不是正确的方法,请告诉我

Javascript:

jQuery.noConflict();jQuery(document).ready(function($){    $.ajaxSetup({cache:false});    $("a.ajax").click(function(){        var post_url = $(this).attr("href");        var post_id = $(this).attr("rel");        $("#tabs").html('<div >loading...</div>');    $("#tabs").load(post_url);    return false;    });});

我要显示帖子内容的页面(我正在使用称为“艺术品”的自定义帖子类型:

<ul >  <?php query_posts('post_type=artwork&posts_per_page=-1'); ?>  <?php if(have_posts()) : while(have_posts()) : the_post(); ?>  <li >    <h3><?php the_title(); ?></h3>    <a href="<?php the_permalink(); ?>" rel="<?php the_ID(); ?>" ><?php the_post_thumbnail('Project'); ?></a>  </li>  <?php endwhile; endif; wp_reset_query(); ?></ul><!-- LOAD SINGLE POST ConTENT IN #TABS --><div id="tabs"></div>

单篇文章“ single-artwork.php”。注意:请勿使用get_header或get_footer等:

<?php if(have_posts()) : while(have_posts()) : the_post(); ?>  <div  id="tab-<?php the_ID(); ?>">    <?php the_content(); ?>  </div><?php endwhile; endif; ?>

谢谢!



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4988932.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-14
下一篇 2022-11-14

发表评论

登录后才能评论

评论列表(0条)

保存