首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将Ajax添加到我创建的分页中?

如何将Ajax添加到我创建的分页中?
EN

WordPress Development用户
提问于 2019-09-13 08:25:39
回答 1查看 858关注 0票数 0

这是我的函数文件

代码语言:javascript
复制
add_action( 'wp_ajax_homekong_pagination', 'homekong_pagination' );
add_action( 'wp_ajax_nopriv_homekong_pagination', 'homekong_pagination' ); 
function homekong_pagination($pages = '', $range = 2)
{
$showitems = ($range * 2)+1;
global $paged;
if(empty($paged)) $paged = 1;
if($pages == '')
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$pages)
{
$pages = 1;
}
}
if(1 != $pages)
{
echo "";
        echo "";
            echo "";
                    if($paged > 2 && $paged > $range+1 && $showitems < $pages)
                        echo "PREVIOUS";
                        if($paged > 1 && $showitems < $pages)
                            echo "";
                        for ($i=1; $i <= $pages; $i++)
                        {
                            if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
                                {
                                    echo ($paged == $i)? "".$i."" : "".$i."";
                                }
                        }
                        if ($paged < $pages && $showitems < $pages)
                            echo "";
                if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages)
                    echo "NEXT";
                echo "";
            echo "";
        echo "";
}
exit();
}

这是我希望更改发生的前端代码。

代码语言:javascript
复制
         'publish_date',
                        'order' => 'desc',
                        'post_type' => 'blogs',
                        'paged' => $paged,
                        );
                        // get results
                        $the_query = new WP_Query( $args );
                        // The Loop
                        ?>
        have_posts() ): ?>
        
        have_posts() ) : $the_query->the_post(); ?>
        
            
                
                    
                
                
                    
                        
                            ID, 'blog-category');?>
                        
                    
                    
                        
                            
                        
                    
                    
                        
                    
                
            
        
        
        
        
        
    
    如何将ajax添加到分页中?我想不出一条出路
EN

回答 1

WordPress Development用户

发布于 2019-09-13 09:04:52

要做到这一点,只需在javascript中发出一个ajax请求即可。

这是一个逐步的解决方案。

  1. 在javascript中添加单击处理程序
  2. 单击“发送ajax请求到分页”页面时
  3. 将当前页面中的元素替换为“..blog items”选择器。
代码语言:javascript
复制
jQuery(document.body).on('click', '#pagination a', function (event) {
   var linkElement = jQuery(event.currentTarget);

   jQuery.ajax(linkElement.attr('href')).done(function (newPageHTML) {

      jQuery('.blog-items').replaceWith(
          jQuery(newPageHTML).find('.blog-items')
      );

});
票数 0
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/348207

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档