wordpress后加载使用窗口滚动上的ajax

时间:2013-04-30 06:31:20

标签: jquery ajax wordpress

我想在窗口滚动上使用ajax加载wordpress帖子,它必须类似于facebook加载帖子,但我遇到了一些问题,我已经使用了在窗口滚动上加载帖子的代码,当我滚动窗口显示帖子,而是逐个显示帖子,它显示单个窗口滚动条上的所有帖子。 这是我用于此目的的代码。

任何人都可以帮我解决问题。

提前致谢

   <script type="text/javascript">
   jQuery(document).ready(function ($) {
   $(window).scroll(function () {
   var ajaxURL = '<?php echo get_admin_url(); ?>admin-ajax.php';
   var post_id = $('.ajaxclick').attr('id');
        $.ajax({
        url: ajaxURL,
        type: 'POST',
        cache:false,
        beforeSend: function() {
        $("#loading_animation").hide();
        $("#ajaxloader").show();

        },
        complete: function() {
                $("#loading_animation").show();
                $("#ajaxloader").hide();

        },  
        data:   {
                action: 'load_content',
                post_id: post_id,                   
                },
        success: function(response){
        // var i = setInterval( function() {
        // jQuery("#loading_animation").html(response); //Whatever the php page to do the query against here
        // }, 5000 //timeout in miliseconds
            // );

                jQuery("#loading_animation").html(response);
         return false;
                    }   
            });


  });
  });

  </script>

1 个答案:

答案 0 :(得分:1)

你可以看看Paul Irish - Infinite Scroll的精彩插件:

http://www.infinite-scroll.com/

我相信它完全符合您的要求。