ajax帝国cms自动加载分页,帝国cms栏目页ajax下拉刷新无限加载插件

var b = 0;

t = 0;

i = 1;

isbool=true;

wwidth=$(window).width();

$(window).scroll(function(){

t = $(this).scrollTop();

if(b < t){

var scrollPos = $(window).scrollTop();

if(wwidth<750){

winPos=($(document).height())/2-100;

}else{

winPos=($(document).height()-900);

}

if(scrollPos > winPos && isbool==true ) {

isbool=false;

$.ajax({

url : '/e/action/ajaxmore.php',

type:'POST',

data:{

"next":i,

'table':'news',

'action':'getmorenews',

'limit':20,

'classid':classid,

'small_length':120,

'pagetype':'news'

},

dataType : 'html',

beforeSend:function(){

$(".loading").show();

},

success : function(data){

$(".loading").hide();

isbool=true;

if(data){

$(".content").append(data);

i++;

}else{

$(".loading-end").show();

return false;

}

}

});

}

}else{

console.log('向上滚动中...')

}

setTimeout(function(){

b = t

}, 0)

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现分页Ajax无限加载功能,可以按照以下步骤进行: 1. 在WordPress主题中创建一个新的面模板,命名为“ajax-pagination.php”(或者其他你喜欢的名字)。 2. 在模板中添加需要分页的内容。 3. 在模板中添加一个按钮或链接,用于加载更多内容。 4. 使用jQuery编写Ajax代码,将按钮或链接与模板中的内容连接起来。 5. 在functions.php文件中添加一个新的函数,用于处理Ajax请求。 6. 编写一个新的WordPress查询,用于获取下一的内容。 7. 将查询结果返回给Ajax请求,并将其添加到面上。 以下是一个简单的示例代码,演示如何实现分页Ajax无限加载功能: 在ajax-pagination.php文件中,添加以下代码: ``` <div id="content"> <?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $args = array( 'post_type' => 'post', 'posts_per_page' => 3, 'paged' => $paged ); $query = new WP_Query($args); if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); // 输出文章内容 endwhile; endif; ?> </div> <div id="load-more"> <a href="#">加载更多</a> </div> ``` 在JavaScript文件中,添加以下代码: ``` jQuery(document).ready(function($) { $('#load-more a').click(function() { var button = $(this), data = { 'action': 'load_more', 'query': loadmore_params.posts, 'page': loadmore_params.current_page }; $.ajax({ url: loadmore_params.ajaxurl, data: data, type: 'POST', beforeSend: function(xhr) { button.text('正在加载...'); }, success: function(data) { if (data) { button.text('加载更多').prev().before(data); loadmore_params.current_page++; if (loadmore_params.current_page == loadmore_params.max_page) button.remove(); } else { button.remove(); } } }); return false; }); }); ``` 在functions.php文件中,添加以下代码: ``` add_action('wp_ajax_load_more', 'load_more'); add_action('wp_ajax_nopriv_load_more', 'load_more'); function load_more() { $query = json_decode(stripslashes($_POST['query']), true); $query['paged'] = $_POST['page'] + 1; $posts = new WP_Query($query); if ($posts->have_posts()) { while ($posts->have_posts()) { $posts->the_post(); // 输出文章内容 } } die; } ``` 以上代码仅仅是一个示例,你需要根据自己的实际情况进行修改和调整。但是,这个示例可以帮助你了解如何使用WordPress和Ajax来实现分页Ajax无限加载功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值