会员登录 您是新人？

   

QQ登录

会员注册

       

WP管理员之家

您的位置: 首页 > Wordpress教程 > wordpress和jquery实现点击加载更多文章的详细方法

wordpress和jquery实现点击加载更多文章的详细方法

所属栏目: Wordpress教程 作者: WP管理员之家 标签: , 关注热度： 3,748 次

对于wordpress实现点击加载更多的方法，目前网络上用的较多的方法采用一款WordPress插件Infinite Scroll来实现的，WP管理员之家工作室也是采用这个方法进行了测试，发现用起来并不是想象的那样好，于是研究了一个纯代码实现的方法，下面分享给大家。

  1.  
  2.    
  3.  $item_per_page = 9;  //每页显示数  
  4. //默认是第一页   
  5.  $page_number = isset($_GET['paged']) ? $_GET['paged'] : 1;   
  6.     
  7. //确保分页参数是数字  
  8. if(!is_numeric($page_number)){    
  9.     header('HTTP/1.1 500 Invalid page number!');    
  10.     exit();    
  11. }    
  12.     
  13. //得到分页的limit偏移区间  
  14. $position = ($page_number * $item_per_page);    
  15.   
  16.   $id = $_GET['cat'];//得到当前栏目id  
  17.   //查询出当前栏目下的文章，同下  
  18.   if($id==2){$sql = "SELECT ID,post_title,post_content,post_date,post_name FROM wp_posts,wp_term_relationships,wp_term_taxonomy WHERE ID=object_id AND wp_term_relationships.term_taxonomy_id = wp_term_taxonomy.term_taxonomy_id AND post_type='post' AND post_status = 'publish' AND wp_term_relationships.term_taxonomy_id in(7,11,10,19,8,17,18) AND taxonomy = 'category' ORDER BY ID DESC LIMIT 0, $position ";}else{  
  19.   //查询出当前栏目下的文章，同上  
  20. $sql = "SELECT ID,post_title,post_date,post_content,post_name FROM wp_posts,wp_term_relationships,wp_term_taxonomy WHERE ID=object_id AND wp_term_relationships.term_taxonomy_id = wp_term_taxonomy.term_taxonomy_id AND post_type='post' AND post_status = 'publish' AND wp_term_relationships.term_taxonomy_id = $id AND taxonomy = 'category' ORDER BY ID DESC LIMIT 0, $position ";}  
  21.   
  22. global $wpdb;    
  23. $rs = $wpdb->get_results($sql);   
  24.    
  25. foreach($rs as $cat)    
  26.   
  27. //循环输出该栏目下的文章，文章缩略图，文章链接和日期  
  28. {?>  
  29.    
  30.   
  31.         
    class="Case_list"> "?p=ID;?>" class="photo" >"ID),'full'); 
  32. echo $timthumb_src[0] ; 
  33. ?>"  alt="ID)->post_title;?>" width="250"/>
    34.    
  34.           echo get_post($cat->ID)->post_title;?>  
  35.            class="time">  
  36.           echo get_post($cat->ID)->post_date; ?>  
  37.            
  
  •             
  •   
  •   
  •       
    •   
  •          
  •       class="morecase">  
  •       
    "results">
          
  •   
  •       //wp内置分页让他自动出现下一页paged参数?>  
  •     
  •     
  •      
  •        
  •     class="clear">   
  •        
  •     
  •   
  •   
  •   
  •   
  •   
  •   
  • //jquery确保点击分页后浏览器窗口自动滚动到下一页  
  • if($page_number!=1){?>  
  •   
  • >    
  • $(document).ready(function() {    
  •   
  • $("body").scrollTop($("body")[0].offsetHeight);  
  •   
  • });    
  •     
  •   

    • 上一篇:
    下一篇:

    在线留言

    您的昵称 *

    您的邮箱 *

    您的网站

    评论内容

    1. 还没有任何评论，你来说两句吧

    客服微信