Ajax 如何在wordpress中添加下一篇/上一篇文章?

Ajax 如何在wordpress中添加下一篇/上一篇文章?,ajax,wordpress,jquery,Ajax,Wordpress,Jquery,好的,我在这里做了一些研究,我不确定如何解决这个问题,因为大多数ajax和wordpress主题对我来说都不一样。 我几乎有一个网站 在blogs部分,它显示了三个最新的blog,其中有一个更多的东西链接,我想在接下来的3篇文章中用ajax加载这个链接 我的jQuery如下 loadPosts(); function loadPosts(){ var $loadBtn = $('.ajax-load a'); var $loadCont = $('#ajax

好的,我在这里做了一些研究,我不确定如何解决这个问题,因为大多数ajax和wordpress主题对我来说都不一样。 我几乎有一个网站

在blogs部分,它显示了三个最新的blog,其中有一个更多的东西链接,我想在接下来的3篇文章中用ajax加载这个链接

我的jQuery如下

loadPosts();

function loadPosts(){

        var $loadBtn = $('.ajax-load a');
        var $loadCont = $('#ajax-content');
        var pageTitle = document.title;


        $loadBtn.live("click",function(e){
            e.preventDefault();

            var sourceTarget = '#ajax-content .the-posts';
            $this = $(this);
            pageUrl=$this.attr('href');

            $loadCont.fadeTo(500,0);

            $loadCont.load(pageUrl+" "+sourceTarget, function(){

                $loadCont.fadeTo(500,1);

                        if(window.history.replaceState){
                     document.title = pageTitle;
                     window.history.replaceState(null, pageTitle, pageUrl);
                   }                                

                        //loadJQUERY(sourceTarget);
            }); // end ajax load    

        });     // end click function

}   
还有html

        <div id="ajax-content">
            <div class="the-posts">

                <?php
                // START A QUERY OF THE NEWS ITEM POSTS AND LOOP THAT THANGGGG
                if ( get_query_var('paged') ) $paged = get_query_var('paged');  
                if ( get_query_var('page') ) $paged = get_query_var('page');

                query_posts('posts_per_page=3&paged=' . $paged);

                if (have_posts()) : while (have_posts()) : the_post(); ?>   

                    <article class="three columns">
                        <h3>The Most Recent Post</h3>
                        <img class="blog-image" src="<?php bloginfo('template_url');?>/images/blog/blogs-post.jpg" alt="Childsplay">
                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
                        <a href="#">Read More</a>
                    </article>

            <?php endwhile; ?>

                    <div class="navigation">
                        <span class="left ajax-load"><? previous_posts_link('&larr; More Stuff') ?></span>
                        <span class="right ajax-load"><? next_posts_link('More Stuff &rarr;') ?></span>
                    </div>      

            <?php else : endif; ?> 
            <?php wp_reset_query(); // reset the query ?>   

        </div>
    </div>

似乎它找不到页面,即使永久链接被设置为wordpress next posts按钮的默认值


我的ajax方式对wordpress不是很好吗?我见过人们使用其他方式,但我不太理解它们。

< P>如果你想考虑使用插件,那么就有一吨。这是我到目前为止发现的。也许这对你有帮助 这是一个循序渐进的过程


这篇文章也很不错,但概念不同

我在控制台中收到了这条消息,你在页面加载时收到了前3篇文章吗?是的。另外,当点击“更多内容”按钮,url切换到第2页时,我可以刷新页面,进入下一个内容,如果你点击后退箭头,帖子就会正常工作。此外,在尝试加载帖子时,我会收到404 Not Found错误。想知道我的问题是否也和这家伙一样?现在两个环节都死了,,