栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用Ajax onclick加载Wordpress Post

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用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; ?>

谢谢!



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/394719.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号